This project aims to replicate the basic functionality of a note-taking app, similar to Google Keep. The codebase is written in TypeScript, providing a clean and structured approach for both the backend and frontend.
The project is divided into two main components:
- Backend: Developed using Node.js, Express, and MongoDB for handling server-side logic and data storage.
- Frontend: Built with React, Vite, and Material-UI
Check out the live demo of the Google Keep Clone here
- Signup: User registration with Zod validation for input data.
- Signin: Authentication for existing users.
- Add Note: Endpoint for creating and saving notes.
- Update Note: Endpoint for modifying existing notes.
- Delete Note: Endpoint for removing unwanted notes.
- Signup and Signin Pages: User authentication interfaces.
- Note Creation and Editing: UI for adding, updating, and deleting notes.
- Add Image to Note: Allow users to attach images to their notes.
- Convert List to Checkbox List: Enable users to create checklist-style notes.
- Dark-Light Mode: Implement a visually appealing dark and light mode.
Refer to the individual README.md files in the backend
and frontend
folders for detailed instructions on setting up and running each component.
Feel free to reach out if you have any questions or feedback. Happy coding!