NoteWind is a note-taking application, created with ReactJS and Firebase.
π Live Demo
- User Authentication
- Create, edit, delete, and archive notes
- Search notes
- Filter notes by label name
- Pin and Unpin notes
- Add, update, and delete multiple labels
- Toggle Layout
- Change note background
- Fully responsive design
# clone repo
git clone https://github.com/sneharatnani/notewind.git
# changing directory
cd notewind
# installing dependencies
npm install
- Create a Firebase project:
- Go to Firebase β Get Started β Add project
- Register your app:
- Go to Project overview β Choose </> (Web App)
- Enable Google Authentication:
- Go to Authentication β Get Started β Sign-in method β Enable Google
- Enable Firestore:
- Go to Firestore Database β Create database
- Create .env File:
- Create a .env file in project's root
- Go to Project settings β General β Your apps β SDK setup and configuration β Config
- Paste code below in .env and provide your keys found in Config
REACT_APP_API_KEY={apiKey}
REACT_APP_AUTH_DOMAIN={authDomain}
REACT_APP_PROJECT_ID={projectId}
REACT_APP_STORAGE_BUCKET={storageBucket}
REACT_APP_MESSAGING_SENDER_ID={senderId}
REACT_APP_APP_ID={appId}
# starting the server
npm start
# testing with Jest
npm run test
Notewind is MIT licensed.