DragNotes is a dynamic and intuitive React-based note-taking application. With DragNotes, users can easily create, organize, and customize their notes.
Built with Vite for rapid development and Appwrite for scalable backend services, DragNotes offers a robust and efficient note-taking experience.
- React: For building a responsive and interactive user interface.
- Vite: For a fast and efficient development environment.
- Appwrite: For handling backend operations, including data storage and user management.
- Create Notes Effortlessly: Add new notes with a single click.
- Drag and Drop Functionality: Reposition your notes with a simple drag-and-drop interface, allowing you to organize your workspace exactly as you want it.
- Auto-Save Capability: Your notes' content and positions are automatically saved, ensuring you never lose your work.
- Customizable Colors: Change the colors of your notes to match your preferences or for better organization.
-
Clone the repository:
git clone https://github.com/ShardulJunagade/DragNotes.git cd DragNotes
-
Install dependencies:
npm install
-
Create a
.env
file in the root directory and add your Appwrite credentials:VITE_ENDPOINT=<your-appwrite-endpoint> VITE_PROJECT_ID=<your-appwrite-project-id> VITE_DATABASE_ID=<your-appwrite-database-id> VITE_COLLECTION_NOTES_ID=<your-appwrite-collection-notes-id>
To start the development server, run:
npm run dev
To build the project for production, run:
npm run build
- Click the Plus (+) to create a new note.
- Drag the note by clicking and holding the header.
- The note's position and content are saved automatically.
- Click on a note to select it and change color.
Contributions are welcome! Please fork the repository and submit a pull request.
This project is licensed under the MIT License.