- Single sign in for both Admin and Employee (used role based access to identify employee and admin)
- Parallel Dashboard for Employee and Admins to monitor daily tasks
- Admin can create Employee credentials and also restrict their activity on the employee
- Employee and Admin bothe can view their daily and weekly aggregate working hours in forms of pie charts and graph charts
- Frontend Technologies: React Js, Redux, React Charts (pie and bar)
- Backend Technologies: Node Js, Express JS, Login implemented via (bcrypt.js and JWT Token)
- Database: MongoDb
-
Step 1 Clone the repo or fork it
-
Step 2 (Run the backend server)
npm install
npm run dev
This Will set the backend server for you on localhost:4000
- Step 3 (Run the frontend server)
cd dashboard
npm install
npm install redux
npm start
This will set the react server running for you in localhost:3000
Go to: https://employee-management-007.netlify.app/
--config
--.env
--controllers
--AuthControllers.js
--middleware
--authenticate.js
--models
--Tasks.js
--User.js
--routes
--api.js
--auth.js
--dashboard (the react-redux code is in this folder)
--public
--favicon
--index.html
--logo192.png
--logo512.png
--manifest.json
--robots.txt
--src
--actions
--apiActions.js
--components
--Admin
--AddUser.css
--Dashboard.js
--Modal.js
--Setting.js
--Employee
--AddTask.css
--AllTasks.js
--BarChart.js
--PieChart.js
--Dashboard.js
--Setting.js
--AdminDashboard.js
--Dashboard.js.js
--EmployeeDashboard.js
--Login.js
--reducers
--dataReducer.js
--userReducer.js
--rootReducer.js
--App.css
--App.js
--index.js
--index.css
--logo.svg
--reportWebVitals.js
--setupTests.js
--cypress
--files and folders of cypress library
--cypress.config.js
--package.json
--package-lock.json
--.gitignore
--package.json
--package-lock.json
--README
--index.js (root folder for backend)
- Prototyping: Figma Link
- Frontend: Netlify Link
- Backend: Heroku Link
email: [email protected]
password: abcd1234
- Login as root admin
- Create an Employee credential
- Logout and relogin using the employee credential that you just created
email: [email protected]
password: 1234
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent