🌐 Link for Hosted Site https://workfloe.netlify.app/
🎨 Figma Link for FrontEnd Design here
📝 Figma Link for Schema here
- Email: [email protected]
- Password: helloworld
- Email: [email protected]
- Password: 1234
Note -
- Please open admin / employee portal in Private window (if using employee and admin portal simultaneously) to avoid any problems related to authorization!
-
Admin:
- Add Employees
- Activate / deActivate Employee accounts
- View details (charts and tasks) of all employees with filter of date
-
Employees:
- Add tasks
- Edit profile
- Change password
- View Entire data as per dates and weekly charts
- React Js: For frontend
- Node Js and Express Js: For backend
- MongoDB: For database
- Rechart: For graphs
- MaterialUI: For UI and animation
- Cloudinary: For storing static images
- Vercel: For backend server hosting
- Netlify: For Frontend hosting
- JWT: For session Authentication
We are using GitHub for the following reasons:
- Collaboration: GitHub makes it easy to share code with others and helps a lot in collaboration.
- Setting up the project: GitHub makes it easy to set up a project and get started.
- Implementing the CI/CD workflow: GitHub makes it easy to implement the CI/CD workflow and makes the deployment process easy.
- Deploying the project: Deploying the project on GitHub helped us to get the project deployed on the network to be accessed by other people. It helped us to host our server through our github repo to sustain CI/CD pipeline.
- Complete our entire project under the given time constraint but not giving up on quality. Wrote reusable clean code with component and hooks pattern.
- Implemented JWT from scratch for authentication with taking care of two user profiles: Admin and Employee.
- Handling active / disabled status of employee while not letting employee access the platform.
- Completing the project within the given time frame.
- Implemented all the features mentioned in the given problem statement.
- Completing the Admin and Employee portal.
- Implementing Different types of charts.
- Use of external library: Recharts for making different charts
- Implementing small small details such as form validation, greeting messages, auth status etc
- A mobile app version