A modern, full-stack web application for driver registration and dashboard management.
Easily upload profile pictures and truck documents, view driver details, and manage your fleet with a clean, responsive interface.
-
Driver Registration:
Register new drivers with essential details and upload profile pictures and truck documents. -
Dynamic Dashboard:
Instantly view registered driver information and uploaded files. -
File Uploads:
Securely store profile images and documents using Multer and MongoDB. -
Responsive Design:
Optimized for desktop and mobile devices. -
RESTful API:
Built with Node.js, Express, and MongoDB (Atlas).
- Frontend: React, Vite, Axios, CSS
- Backend: Node.js, Express, Multer, Mongoose
- Database: MongoDB Atlas
- Deployment: Vercel (frontend), Heroku/Render (backend)
git clone https://github.com/Coldsummers/driver-dashboard.git
cd driver-dashboardFrontend:
cd frontend
npm installBackend:
cd ../backend
npm install- Frontend:
Create a.envfile in/frontendand set your backend API URL:VITE_API_URL=http://localhost:5000 - Backend:
Create a.envfile in/backendand add your MongoDB Atlas URI:MONGODB_URI=your_mongodb_atlas_connection_string
Backend:
node app.jsor
npx nodemon app.jsFrontend:
npm run dev- Frontend: driver-dashboard-nine.vercel.app
- Backend API: driver-dashboard.onrender.com
Note: These demo links use free hosting. If the backend appears offline, please wait a few seconds and refresh. The service may be waking up!
driver-dashboard/
│
├── backend/
│ ├── controllers/
│ ├── models/
│ ├── routes/
│ ├── uploads/
│ └── app.js
│
├── frontend/
│ ├── public/
│ ├── src/
│ ├── index.html
│ └── ...
│
└── README.md
Pull requests are welcome!
Feel free to open issues for suggestions or bug reports.
This project is licensed under the MIT License.
Samuel Kodi
GitHub Profile
“Drive innovation. Manage with style.”