React Native Google Keep Clone

This project is a simplified version of Google Keep, a note-taking application, built using React Native.

Table of Contents

Features

  1. Note Listing:

    • Display a list of notes on the main page.
    • Each note has a title and content.
  2. Create Note:

    • Implement a button or form to add a new note.
    • New notes appear at the top of the list.
  3. Edit Note:

    • Allow users to edit the title and content of each note.
    • Changes are reflected immediately.
  4. Delete Note:

    • Provide an option to delete a note.
  5. Responsive Design:

    • Ensure the application is responsive and works well on all mobile devices.
  6. Color Coding:

    • Allow users to assign different colors to notes for organization.
    • Each note has a color picker for choosing a color.
  7. Local Storage:

    • Save notes and background color of notes to local storage to persist even when the app is refreshed or closed.
  8. Search Functionality (Bonus):

    • Implemented a search functionality to filter notes based on their titles or content.

Screenshots

WhatsApp Image 2023-12-07 at 12 44 52 PM WhatsApp Image 2023-12-07 at 12 44 51 PM WhatsApp Image 2023-12-07 at 12 44 51 PM (1) WhatsApp Image 2023-12-07 at 12 44 51 PM (2)

Video

Uploading Screencast from 12-07-2023 12:47:42 PM.webm…

APK

download from here

Updated APK

APK

Tech Stack

  • React Native
  • TypeScript
  • Local Storage for data persistence
  • React Navigation (for navigation)

Getting Started

To run this project locally, follow these steps:

  1. 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