This project is a simplified version of Google Keep, a note-taking application, built using React Native.
-
Note Listing:
- Display a list of notes on the main page.
- Each note has a title and content.
-
Create Note:
- Implement a button or form to add a new note.
- New notes appear at the top of the list.
-
Edit Note:
- Allow users to edit the title and content of each note.
- Changes are reflected immediately.
-
Delete Note:
- Provide an option to delete a note.
-
Responsive Design:
- Ensure the application is responsive and works well on all mobile devices.
-
Color Coding:
- Allow users to assign different colors to notes for organization.
- Each note has a color picker for choosing a color.
-
Local Storage:
- Save notes and background color of notes to local storage to persist even when the app is refreshed or closed.
-
Search Functionality (Bonus):
- Implemented a search functionality to filter notes based on their titles or content.
Uploading Screencast from 12-07-2023 12:47:42 PM.webm…
- React Native
- TypeScript
- Local Storage for data persistence
- React Navigation (for navigation)
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/react-native-google-keep-clone.git cd react-native-google-keep-clone yarn yarn react-native run-android