4mbareesh/google-keep-clone

Google keep clone build in MERN stack.

JavaScript

Google Keep Clone 📝

Overview 🚀

This project is a MERN Stack implementation of a Google Keep Clone, providing a simple and efficient way to manage your notes.

Features 🌟

Create Notes 📓: Easily create and organize your notes.
Color-coded Labels 🎨: Assign different colors to your notes for better organization.
Collaborative Editing 👥: Collaborate with others on notes in real-time.
Responsive Design 📱: Access your notes seamlessly across devices.

Technologies Used 💻

MongoDB: Database for storing notes and user data.
Express.js: Backend framework for handling server-side logic.
React.js: Frontend library for building user interfaces.
Node.js: JavaScript runtime for server-side development.

Getting Started 🛠️

Prerequisites 🛠️

Make sure you have Node.js installed. If not, you can download it from nodejs.org.
Rename .env.example to .env and add the corresponding values after cloning the repo.

Clone the repository.

git clone https://github.com/4mbareesh/google-keep-clone.git

Navigate to the project directory:
```
cd google-keep-clone
```
Run the Backend

```
cd server
```
```
npm i
```
```
npm run dev
```
Open browser and go to http://localhost:8080. Default port is 8080. Change the port to what you need by configuring the .env file.

Run the Frontend

```
cd client
```
```
npm i
```
```
npm run dev
```
Open browser and go to http://localhost:5173.

Contributing 🤝

Contributions are welcome! Feel free to open issues and pull requests.

License 📄

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments 🙏

Inspiration: Google Keep
Thanks to the MERN Stack and other open-source libraries.

Happy note-taking! 🎉