A web-based Bug Tracker application developed using the MERN stack.
This project is designed for students and small development teams to report, manage, and track software bugs in an organized and secure manner.
- User authentication using JWT
- Create, view, update, and delete bug reports
- Bug status tracking (Open / In Progress / Resolved)
- Role-based access (Admin / User)
- Secure REST APIs
- Clean and responsive UI
- Separate frontend and backend architecture
- React (Vite)
- Tailwind CSS
- JavaScript
- Node.js
- Express.js
- JWT Authentication
- MongoDB (MongoDB Atlas)
bug-tracker-system/
│
├── backend/
│ ├── config/
│ │ └── db.js # MongoDB connection
│ │
│ ├── controllers/
│ │ ├── authController.js # Authentication logic
│ │ └── bugController.js # Bug CRUD operations
│ │
│ ├── middleware/
│ │ └── authMiddleware.js # JWT & role verification
│ │
│ ├── models/
│ │ ├── User.js # User schema
│ │ └── Bug.js # Bug schema
│ │
│ ├── routes/
│ │ ├── authRoutes.js # Auth endpoints
│ │ └── bugRoutes.js # Bug endpoints
│ │
│ ├── .env # Environment variables
│ ├── server.js # Entry point
│ └── package.json
│
├── frontend/
│ ├── src/
│ │ ├── components/ # Reusable UI components
│ │ ├── pages/ # Application pages
│ │ ├── services/ # API calls
│ │ ├── App.jsx
│ │ └── main.jsx
│ │
│ ├── index.html
│ ├── tailwind.config.js
│ └── package.json
│
├── README.md
└── .gitignore
- Node.js
- MongoDB (Atlas or local)
- Git
cd backend
npm install
npm startcd frontend
npm install
npm run devCreate a .env file inside the backend folder:
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
PORT=5000
- POST
/api/auth/register - POST
/api/auth/login
- GET
/api/bugs - POST
/api/bugs - PUT
/api/bugs/:id - DELETE
/api/bugs/:id
- Email notifications for bug status updates
- File attachments for bug reports
- Advanced role permissions
- Dashboard analytics
Purnima Dwivedi