https://github.com/sridharraj2023/notes-manager-front-end

Notes Manager React
https://github.com/sridharraj2023/notes-manager-front-end

bootstrap javascript reactjs toastify

Last synced: about 2 months ago
JSON representation

Notes Manager React

• Host: GitHub
• URL: https://github.com/sridharraj2023/notes-manager-front-end
• Owner: Sridharraj2023
• Created: 2025-06-14T09:10:22.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-14T09:50:30.000Z (about 1 year ago)
• Last Synced: 2025-06-14T10:30:30.160Z (about 1 year ago)
• Topics: bootstrap, javascript, reactjs, toastify
• Language: JavaScript
• Homepage: https://notesmanagerreactapp.netlify.app/
• Size: 199 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## 📁 `Frontend/README.md`

```md

# 📝 Notes Manager – Frontend (React.js)

![React](https://img.shields.io/badge/React-Frontend-blue)

![Bootstrap](https://img.shields.io/badge/Bootstrap-UI-purple)

![Axios](https://img.shields.io/badge/Axios-HTTP-orange)

![Toastify](https://img.shields.io/badge/React--Toastify-Notifications-yellow)

This is the **frontend** of the Notes Manager App using React.js and Bootstrap.

---

## 📸 Features

- 📄 Display notes from MongoDB

- ➕ Add new notes

- 🔔 Toast notifications for success/error

- 💅 Responsive UI with Bootstrap

---

## 🚀 Getting Started

### 1. Clone the Repo

```bash

git clone https://github.com/Sridharraj2023/Notes-Manager-Front-End.git

cd Notes-Manager-Front-End

2. Install Dependencies

bash

Copy

Edit

npm install

3. Run the App

bash

Copy

Edit

npm start

App runs at: http://localhost:3000

⚠️ Ensure your backend is running at http://localhost:5000

📦 Technologies

React.js (Hooks)

Axios for API calls

Bootstrap for styling

React Toastify for notifications

🧠 Author

Built with ❤️ by Sridhar R

GitHub: @Sridharraj2023