udara98 / google-keep-clone

Clone of Google Keep created with React, Node.js, Material UI, MongoDB and Express

Google Keep Clone

Clone of Google Keep created with React, Node.js, Material UI, MongoDB, and Express.

Project Overview

In this project, I aim to showcase the development of a robust and user-friendly note-taking application powered by React. Key features include:

• Create Notes: Easily add new notes with titles and content.

• Edit Notes: Seamlessly edit existing notes to keep your information up to date.

• Delete Notes: Effortlessly remove notes you no longer need.

• User-Friendly Interface: A clean and intuitive user interface for a smooth note-taking experience.

• Responsive Design: Ensuring the application works well on various devices and screen sizes.

Preview

Running the App

Backend Setup

Create a .env file in the root directory of server and add the MongoDB connection string like this:

MONGO_URL=your-mongodb-connection-string

Navigate to the Server directory, type Command to install the project's dependencies.

npm install

Once installation is complete, type Command to start the Backend in your local browser.

npm start

Frontend Setup

Navigate to the client directory, type Command to install the project's dependencies.

npm install

Once installation is complete, type Command to start the Frontend in your local browser.

npm start