Screenshots
1. Shared
- Log in / Sign up Form
2. Customer
- Dashboard
- New Service Request Form
- Service Request Form Details
3. Employee (ADMIN)
- Dashboard
- Unallocated Tasks
- Assign Unallocated Tasks
- Allocated Tasks
- De-assign Allocated tasks
- Update Task Status
4. Employee (NON-ADMIN)
- Dashboard
- Update Task Status
Technologies Used
Backend
- NodeJS
- ExpressJS
- Multer
- MongoDB
- Mongoose
- TypeScript
- Cloudinary
Frontend
- React.js
- TypeScript
- Tailwind CSS
- Radix UI
- Headless UI
- React Query
- Redux Toolkit
- React Hot Toast
Getting Started
Backend
- Install Dependencies
cd backend
npm install
- Create a .env file in the root directory of the backend folder and add the following environment variables
MONGODB_URI=mongodb://localhost:27017/your-database-name
JWT_SECRET=your-secret-key
CLOUDINARY_CLOUD_NAME=cloud
CLOUDINARY_API_KEY=key
CLOUDINARY_API_SECRET=secret
- Run the server
npm run dev
The server will start running on port 3000
Frontend
- Install Dependencies
cd frontend
npm install
- Create a .env file in the root directory of the frontend folder and add the following environment variables
VITE_API_URL = http://localhost:3000
- Run the server
npm run dev