A React JS mobile responsive web app for making and your managing notes.
Deployed on Netlify using github actions
- ReactJS - Frontend framework
- React Router - For routing & navigation
- Material UI - For UI styles.
- Redux-Toolkit - Centralized state management library
- Firebase - serves as backend to store data and authentication
- React-Hot-Toast - to show Toast Notifications
- React-Quill - a rich text editor
- Authentication facility for new users
- Registered user can create new note
- Registered user can update existing note
- Timestamp of each note
- Deleting notes
- Uses Redux Toolkit for centralized state management
- LazyLoading/Code-splitting of components to dynamically load at runtime
- Loading Spinner when fetching data
- Responsive UI for all screens (Desktop, Tablet, Mobile)
- Clone the project
git clone https://github.com/Debarshi95/LetsNote.git - Go to the project directory
- cd letsnote
- Install dependencies
yarn - Create a .env file
- Create a project inside Google Firebase and export the configuration
- Add the following configuration to your .env file
REACT_APP_API_KEY="<Firebase API_KEY>"
REACT_APP_AUTH_DOMAIN="<Firebase AUTH_DOMAIN>"
REACT_APP_PROJECT_ID="<Firebase PROJECT_ID>"
REACT_APP_STORAGE_BUCKET="<Firebase STORAGE_BUCKET>"
REACT_APP_MESSAGING_SENDER_ID="<Firebase MESSAGING_SENDER_ID>"
REACT_APP_APP_ID="<Firebase APP_ID>"
- Start the server
yarn start