https://github.com/amanscisingh/employeemanagement

A MERN web application where employers can keep a check on their employees' work done every particular day.
https://github.com/amanscisingh/employeemanagement

bcryptjs expressjs heroku jtwtoken nodejs react redux redux-thunk

Last synced: 4 days ago
JSON representation

A MERN web application where employers can keep a check on their employees' work done every particular day.

• Host: GitHub
• URL: https://github.com/amanscisingh/employeemanagement
• Owner: amanscisingh
• Created: 2022-10-08T00:47:22.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-23T06:17:40.000Z (about 2 years ago)
• Last Synced: 2024-11-10T12:50:05.282Z (2 months ago)
• Topics: bcryptjs, expressjs, heroku, jtwtoken, nodejs, react, redux, redux-thunk
• Language: JavaScript
• Homepage:
• Size: 1.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Employee Management Prototype

* 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

![1](https://user-images.githubusercontent.com/68449680/202599593-452df3b4-d5ad-45b4-b130-9e31e76233cb.png)

![2](https://user-images.githubusercontent.com/68449680/202599610-8d470b12-42ba-4b99-a369-97b605a2d6ed.png)

* 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

![3](https://user-images.githubusercontent.com/68449680/202600103-d6fbf767-ffeb-4fe9-b0ae-5581cf98a598.png)

*  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 

# Getting Started Locally

* 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

# Live Web App

 Go to: https://employee-management-007.netlify.app/ 


# Folder Structure

```

--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)

```

# Deployment

* Prototyping: [Figma Link](https://www.figma.com/file/VFrKAvC6CfABKGB0jHyZmv/Employee-Management-UI?node-id=0%3A1)

* Frontend:  [Netlify Link](https://employee-management-007.netlify.app/)

* Backend: [Heroku Link](https://employee-management-007.herokuapp.com)

# Root Admin Login Credentials

```

email: [email protected]

password: abcd1234

```

# Employee login credentials

* Login as root admin

* Create an Employee credential

* Logout and relogin using the employee credential that you just created

# Sample Employee login credentials

```

email: [email protected]

password: 1234

```