Google Keep Clone

A fully functional replica of the Google Keep app built using React, TypeScript, Tailwind CSS, and Firebase. This project was developed to replicate all features and functionality of the original app, including creating and editing notes, setting reminders, and organizing notes with labels. The user interface was designed to match the look and feel of the original app.

Features

Create and edit notes
User interface designed to match the look and feel of the original app
Firebase authentication and database
Utilize TypeScript and Tailwind CSS

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Node.js
npm or yarn
Firebase account (for authentication and database)

Installation

Clone the repository https://github.com/idebbarh/google-keep-clone.git
Install the dependencies npm install or yarn install
Create a Firebase project and obtain the configuration details (API Key, Auth Domain, etc.)
Create a file called .env in the root of the project and set the Firebase configuration details as environment variables. REACT_APP_FIREBASE_API_KEY=your_api_key REACT_APP_FIREBASE_AUTH_DOMAIN=your_auth_domain REACT_APP_FIREBASE_DATABASE_URL=your_database_url REACT_APP_FIREBASE_PROJECT_ID=your_project_id REACT_APP_FIREBASE_STORAGE_BUCKET=your_storage_bucket REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id REACT_APP_FIREBASE_APP_ID=your_app_id
Start the development server npm start or yarn start

Built With

React - A JavaScript library for building user interfaces
TypeScript - A typed superset of JavaScript that compiles to plain JavaScript
Tailwind CSS - A utility-first CSS framework for rapidly building custom designs
Firebase - A platform for building mobile and web applications

Author

ISMAIL DEBBARH

Acknowledgments

Google Keep - The inspiration for this project

Preview

Check out the live version of the web app at Google keep clone.

idebbarh / google-keep-clone