A full-stack web application built for an outdoor advertising & fabrication business.
This project includes a public marketing website and a secure admin dashboard for managing services.
Built as a real-world practice project with focus on clean architecture, usability, and maintainable code.
- Frontend: Click to View
- Backend Code: GitHub Repo
This website represents an outdoor advertising agency offering services such as hoardings, flex printing, LED displays, and custom fabrication.
- Public website (Home, Services, Service Detail, About, Contact)
- Admin dashboard with authentication
- Add / Edit / Delete services
- Image-based service listings (no pricing shown)
- Responsive UI (desktop & mobile)
- RESTful backend with MongoDB
- Clean and modern UI using Tailwind CSS
- React
- React Router
- Axios
- Tailwind CSS
- React Icons
- Node.js
- Express.js
- MongoDB
- Mongoose
- JWT Authentication
- Secure admin login
- Protected routes
- Dashboard layout
- Manage services (CRUD)
- Logout & auth persistence
- Minimal and business-focused UI
- Mobile-first responsive design
- Clean typography and spacing
- No unnecessary animations or heavy UI libraries
Tailwind CSS was used to design layouts quickly while keeping styles consistent and maintainable.
AI tools were used as a development assistant, not a replacement for logic or decision-making.
AI helped with:
- Project planning & structure
- UI/UX suggestions
- Tailwind CSS utility refinement
- Code review and simplification
All implementation decisions, refactoring, and final code were fully understood and controlled by the developer.
This project was built like a real product:
- Backend setup & database design
- Authentication & admin APIs
- Admin dashboard UI
- Public website pages
- Responsive UI improvements
- Code cleanup & simplification
- Final documentation
Focus was kept on clarity over cleverness and completing a real-world usable project.
/backend ├── controllers ├── models ├── routes ├── middleware └── server.js
/frontend ├── components ├── pages ├── layouts ├── context └── App.jsx
Prince Mishra
BCA Student | Full-Stack Developer
Focused on learning real-world full-stack development through hands-on projects.
This project was built to learn, practice, and apply full-stack concepts in a realistic scenario — not as a tutorial clone.
If you find this project useful, feel free to ⭐ the repository.