Google Keep Clone

A Note-Taking Application with Real-Time Sync and Organization

Developed by Prashant Jagtap | October 2025

A fully functional clone of Google Keep built with React and TypeScript, focusing on core note-taking features like custom notes, labels, and real-time CRUD operations. Optimized for performance with Firebase for sync, it supports social login and draggable todo items for an intuitive user experience.

Live DemoGitHub

Core Features

Note Management

  • Create/Edit/Delete Notes: Real-time CRUD operations with Firebase for seamless sync.
  • Color Coding: Assign colors to notes for visual organization.
  • Labels & Organization: Tag notes with labels for filtering and searching.
  • Draggable Todo Items: Interactive checklists within notes.

Authentication & Sync

  • Social Login: Email, Google, and GitHub authentication.
  • Real-Time Sync: Firebase Cloud Firestore for instant updates.
  • Filtering & Search: Advanced search by labels, colors, and content.

Technology Stack

Frontend

  • React & TypeScript: Core framework with type safety.
  • Material-UI: Responsive, themed UI components.

Backend & Storage

  • Firebase: Authentication, Firestore for real-time database.

Project Gallery

Project Gallery

Screenshot 1
Screenshot 2
Screenshot 3
Screenshot 4