Skip to content

A simple MERN stack app to save, view, and manage bookmarks with a clean and minimal interface.

Notifications You must be signed in to change notification settings

VaibhavSain/Bookmark-Manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

# ⭐ Bookmark Manager β€” MERN Stack App

A simple and efficient Bookmark Manager built using the MERN stack (MongoDB, Express.js, React.js, Node.js).  
It allows users to easily **add**, **view**, and **delete** bookmarks with a clean and minimal interface.

---

## πŸš€ Features

- Add bookmarks with title & URL  
- Display all saved bookmarks  
- Delete bookmarks anytime  
- Minimal & responsive UI  
- REST API powered backend  

---

## πŸ›  Tech Stack

**Frontend:** React.js, Tailwind CSS  
**Backend:** Node.js, Express.js  
**Database:** MongoDB with Mongoose  

---

## πŸ“‚ Project Structure

Bookmark-Manager/ β”œβ”€β”€ client/ # React Frontend └── server/ # Express Backend


---

## βš™οΈ Setup Instructions

### πŸ”§ Backend Setup
```bash
cd server
npm install
npm start

πŸ’» Frontend Setup

cd client
npm install
npm run dev

⚠ Make sure MongoDB is running locally or provide your MongoDB Atlas URL in .env.

Environment variables example:

MONGO_URI=your_mongodb_connection_string
PORT=5000

πŸ“‘ API Endpoints

Method Endpoint Description
GET /api/bookmarks Get all bookmarks
POST /api/bookmarks Add a new bookmark
DELETE /api/bookmarks/:id Delete bookmark

✨ Future Improvements

  • Authentication (Login/Register)
  • Edit/update bookmark feature
  • Bookmark categories/tags
  • Search & filtering

🀝 Contributing

Pull requests are welcome! If you find a bug or have suggestions, feel free to open an issue.


πŸ“œ License

This project is licensed under the MIT License.


⭐ If you like this project, don’t forget to star the repo!

Releases

No releases published

Packages

No packages published