CraftFlow is a full-stack role-based employee management system tailored for interior design and renovation companies. It helps manage daily tasks, attendance, payroll, and team roles through separate dashboards for Employees, HRs, and Admins.
Use this admin account to explore the full functionality:
Email:
admin@gmail.com
Password:A1234@
- Submit daily work logs with task name, hours, and date
- Edit or delete your own submitted tasks
- View task history with real-time updates
- Auto-role assignment for new users via social login
- View all verified employees in a structured table
- Filter monthly work data by employee and date
- Verify new employees before they appear in payroll
- Process salary payments with amount, month & year via Stripe
- See summarized work hours for any employee/month
- Approve/reject salary payments from HR
- Promote verified employees to an HR role
- Fire (soft-disable) employees to restrict login
- Full access to view the user database and dashboards
- Firebase Auth with Email/Password and Google Login
- JWT-based secure routing and backend authorization
- Role-based dashboards with access isolation
- Strong password validation and error handling
- Fully responsive design with mobile-friendly layouts
- Dashboard loading states and toast feedback for actions
- Lottie animations for visual feedback on auth pages
- Theme toggle with persistent dark/light mode
- Organized codebase using folder-by-feature pattern
- React Query for data synchronization and cache management
- TanStack Table for powerful filtering and sorting
- Clean commit history and meaningful variable naming
- Built with Vite for fast development and optimized builds
- React.js
- Tailwind CSS + DaisyUI
- React Hook Form
- React Router
- React Query
- TanStack Table
- Node.js
- Express.js
- MongoDB
- JWT
- Stripe API (salary payments)
- Firebase Auth
- Imgbb (image upload)
- Vite
- Lottie animations
- SweetAlert2
🔗 https://craft-flow.netlify.app
Client: github.com/md-shafiqul-islam/craftflow-client
Server: github.com/md-shafiqul-islam/craftflow-server
| Login | Dashboard | Tasks |
|---|---|---|
 |
 |
 |
To run this project locally:
git clone https://github.com/md-shafiqul-islam/craftflow-client.git git clone https://github.com/md-shafiqul-islam/craftflow-server.git
cd craftflow-client npm install
cd ../craftflow-server npm install
VITE_API_URL=https://craftflow-server.vercel.app VITE_IMGBB_API_KEY=VITE_image_key VITE_FIREBASE: API_KEY=VITE_apiKey AUTH_ADMIN=VITE_authDomain PROJECTID=projectId STORAGEBUCKET=VITE_storageBucket MESSAGING_SENDER_ID=VITE_messagingSenderId APPID=VITE_appId
PORT=5000 DB_URL=MONGODB_URI ACCESS_TOKEN_SECRET=FB_SERVICE_KEY STRIPE_SECRET_KEY=PAYMENT_GATEWAY_KEY
cd craftflow-server nodemon index.js
cd craftflow-client npm run dev
This project is open-source and available under the MIT License.