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

MIT