This application allows users to create, manage, and organize their notes with a modern and intuitive interface. Built with React and Firebase, this app features secure user authentication, robust note management, and advanced filtering and organization options.

https://sticky-note-green.vercel.app/

• Secure Login System: Users can sign in to access their personalized notes, ensuring that their data is secure and private.

• Add Notes: Create notes with customizable properties:
  • Group: Categorize notes under different groups.
  • Text: Input the main content of the note.
  • Color: Assign a color to each note for easy identification.
• Edit Notes: Update existing notes, including changing the group, text, or color.
• Delete Notes: Remove notes that are no longer needed.

• Filter Notes: Quickly find relevant notes by filtering based on group or color.
• Drag and Drop: Rearrange notes freely within the interface using drag-and-drop functionality.

• Deployment: The application is hosted on Vercel, making it accessible online.

• Reset Position to Grid: Users can reset the position of all notes to a default grid layout.
• Remember Last Position: The application remembers the last position of each note when the user logs out and logs back in.
• Group View: View all notes within a specific group in a consolidated manner.

• Frontend: React
• Backend: Firebase (for authentication and database)

To run the application locally, follow these steps:

1. Clone the Repository

   git clone https://github.com/9582anupam/Sticky-Note
   cd Sticky-Note

2. Install Dependencies

   npm install

3. Configure Firebase

   • Create a Firebase project and obtain your Firebase configuration details.
   • Add your Firebase configuration to a .env file in the root directory with the following format:

   REACT_APP_FIREBASE_API_KEY=YOUR_API_KEY
   REACT_APP_FIREBASE_AUTH_DOMAIN=YOUR_AUTH_DOMAIN
   REACT_APP_FIREBASE_PROJECT_ID=YOUR_PROJECT_ID
   REACT_APP_FIREBASE_STORAGE_BUCKET=YOUR_STORAGE_BUCKET
   REACT_APP_FIREBASE_MESSAGING_SENDER_ID=YOUR_MESSAGING_SENDER_ID
   REACT_APP_FIREBASE_APP_ID=YOUR_APP_ID
   REACT_APP_FIREBASE_MEASUREMENT_ID=YOUR_MEASUREMENT_ID
   REACT_APP_FIREBASE_DATABASE_URL=YOUR_DATABASE_URL

4. Start the Application

   npm start

   The app will be available at http://localhost:3000

Feel free to contribute to this project by submitting pull requests or opening issues. We welcome improvements and suggestions!

This project is licensed under the MIT License.

• Anupam
• [email protected]
• https://github.com/9582anupam/