A full-stack web application to manage staff members efficiently. Users can add, edit, delete staff, assign departments and roles, view staff profiles in a responsive card layout, and filter staff by criteria.

• 🔗 Frontend: https://staff-app-three.vercel.app
• 🔗 Backend: Hosted on Render

• Add new staff
• Edit staff details
• Delete staff records
• Assign department and role
• View staff profiles in a responsive card layout
• Filter staff by department or role
• Toast notifications for user actions

• React.js with TypeScript
• TailwindCSS for styling
• React Toastify for notifications
• Axios for API requests
• Vite for development and bundling

• Node.js with Express.js
• TypeScript
• MongoDB with Mongoose
• dotenv for environment config
• CORS for cross-origin access

staff-app/ ├── client/ # React frontend │ ├── components/ # Reusable UI components │ ├── pages/ # Page-level components │ ├── services/ # API service layer │ └── main.tsx # Entry point ├── server/ # Express backend │ ├── models/ # Mongoose schemas │ ├── routes/ # API route handlers │ └── index.ts # Entry point ├── .env # Environment variables └── package.json

git clone https://github.com/avi9611/staff-app.git
cd staff-app

### Setup Backend
cd server
npm install
# Create .env file and add:
# MONGO_URI=<your-mongodb-uri>
# PORT=5000

npm run dev

###Setup Frontend
cd ../client
npm install
npm run dev