My Note Keeper 📝 – Frontend

This is the frontend part of the My Note Keeper project — a full-stack note-taking app built with React.js and MUI on the frontend, and Node.js, Express.js, and MongoDB on the backend.

👉 Backend repository: my-note-keeper-backend

---

📋 Features

• Add, edit, delete, and search notes
• Clean and responsive UI using Material-UI
• Seamless integration with a robust RESTful API backend

---

🚀 Live Demo

Frontend deployed on Vercel:
🔗 https://note-keeper-mo.vercel.app/

⚠ Note:
The backend is hosted on Renderer (free tier), which spins down after inactivity.
Please be patient — the first request after a long idle time might take up to 1–2 minutes to respond while the server wakes up.

---

🛠 Installation & Setup

This project was bootstrapped with Create React App.

To run the frontend locally:

1️⃣ Clone the repository

git clone https://github.com/Mohammad-Mans/my-note-keeper-frontend
cd your-frontend-repo

2️⃣ Install dependencies

npm install

3️⃣ Start the development server

npm start

This runs the app in development mode. Open http://localhost:3000 to view it in the browser.

---

📦 Available Scripts

In the project directory, you can run:

• npm start → Runs the app in development mode.

• npm test → Launches the test runner in interactive watch mode.

• npm run build → Builds the app for production.

• npm run eject → Ejects the app (use with caution).

For more details, check the Create React App documentation.

---

🌐 Backend Details

• Backend repository: my-note-keeper-backend

• Backend stack: Node.js, Express.js, MongoDB

• Backend deployment: Renderer (free tier)

---

🌠 Acknowledgment

Special thanks to Foothill Technology Solutions for the opportunity to work on this project during my internship. The experience and knowledge gained have been invaluable.

---

🤝 Contributing

Feel free to open issues or submit pull requests if you have improvements or bug fixes!