This project is a notes application built using React for the frontend and Firebase Firestore for data storage. Users can create, edit, and delete notes, and all changes are synced to Firestore. The app features a markdown editor for enhanced note formatting.
- Create new notes with a click of a button.
- Edit notes using a markdown editor with live preview.
- Delete notes.
- Notes are stored and synced with Firebase Firestore.
- React: A JavaScript library for building user interfaces.
- Firebase Firestore: NoSQL cloud database to store and sync data in real time.
- ReactMde: A Markdown editor component for React.
- Showdown: A JavaScript Markdown to HTML converter.
-
Clone the repository:
git clone https://github.com/YourUsername/Scrimba-React-Firebase-NotesApp.git cd Scrimba-React-Firebase-NotesApp -
Install dependencies:
npm install
-
Add your Firebase credentials in the
firebaseConfigobject infirebase.js. -
Start the development server:
npm start
-
Visit
http://localhost:3000in your browser to view the app.
- Create a Firebase project at Firebase Console.
- Enable Firestore and create a collection named
notes. - Replace the Firebase configuration object in the
firebase.jsfile with your own project credentials.