---

Table of Contents

• Monorepo Structure
• Screenshots
  • Shared
  • Customer
  • Employee (ADMIN)
  • Employee (NON-ADMIN)
• Technologies Used
  • Backend
  • Frontend
• Getting Started
  • Backend
  • Frontend
  • WIP Angular Client

---

Monorepo Structure

.
├── backend [built using Node.js / Express.js]
├── frontend [built using React.js / Vite.js]
├── angular-client [built using Angular (WIP)]
└── nest-client [built using Nest.js (WIP)]

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

• Live API deployed on Render
• Docs
• Note: The API is rate limited to 100 requests per 15 minutes per IP address.

1. NodeJS
2. ExpressJS
3. Multer
4. MongoDB
5. Mongoose
6. TypeScript
7. Cloudinary
8. Express-Rate-Limiter

Frontend

• Live Site deployed on Vercel

1. React.js
2. TypeScript
3. Tailwind CSS
4. Radix UI
5. Headless UI
6. React Query
7. Redux Toolkit
8. React Hot Toast

---

Getting Started

Backend

1. Install Dependencies

cd backend
npm install

2. 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

3. Run the server

npm run dev

The server will start running on port 3000

---

Frontend

1. Install Dependencies

cd frontend
npm install

2. Create a .env file in the root directory of the frontend folder and add the following environment variables

VITE_API_URL = http://localhost:3000

3. Run the server

npm run dev

---

WIP Angular CLient

---