Skip to content

E.A.T is a website specially built for companies to manage and track the activity of their employees. Through this employer can get a visual representation of work done by the employee. There are two modules in the website - one for admin (employer) and the other for employees.

Notifications You must be signed in to change notification settings

siddhesh-desai/mr.manager-1

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

E.A.T (Employee Activity Tracker)

E.A.T is a website specially built for companies to manage and track the activity of their employees. Through this employer can get a visual representation of work done by the employee. There are two modules in the website - one for admin (employer) and the other for employees.

Employer Side: Employer can access the admin side through the admin details provided to the employer. The employer will create a login account for each employee by simply adding his details. Employee can access the website (employee's side) through these details. Apart from that, employer can see the tasks performed by his employees and the proportion of time spent in meetings, work, break in a visual manner through pie charts, stacked bar chart, etc.

Employee Side: Employee will login to E.A.T through the credentials provided by the employee. On the website, he will get an option to add tasks with date and time performed. Those added tasks will generate pie charts and graphs for the employee. And the same will also be accessible for the employer. In this way, E.A.T will help employers and employees both to keep a track of their activity.

Setup

  1. Clone the repository by using the web url of this repository.

image

  1. Open Command Prompt in your computer and move to the speccific folder you want to clone the project into. And then, run the command git clone https://github.com/rajkumardongre/mr.manager.git

  2. Now, once the project is cloned. Open the folder into an IDE that you prefer. Here, we will be using Visual Studio Code. Open the terminal and run the command npm i to install all the dependencies.

  3. Once all the dependencies are installed, then create a file named .env in the folder. And type the below variables in the .env file. Ensure that you add your URI of mongodb project and insert the password in the URI inplace of .

PORT = 3000
MONGODB_CONNECTION_URI = "<YOUR MONGODB CONNECTION URI>"
ADMIN_EMAIL = "admin@gmail.com"
ADMIN_PASSWORD = "admin"
  1. Save the file and enter the command node app.js in the terminal of your IDE. Wait until Listening at port 3000 is visible on the terminal.

  2. Then, you are ready to access the website and to login as an admin, you need to use the email admin@gmail.com and password admin as mentioned in the .env file. Now, the details to access and use the website are given below.

Using E.A.T Admin

  1. You will appear on the login page, you need to enter the admin details as below.

image

  1. After entering the valid credentials, you will login on the home page and a screen like below will be visible. Through the navigation pane you can switch to various sections of admin.

image

  1. Then, you need to enter employee details to add an employee and thus create a login account for him/her. Remember the password that you generate for the employee because it will be required for the employee login.

image

  1. The same employee would be added to the active employee page.

image

  1. You can even deactivate a specific employee using the Deactivate Employee button and the same employees will move to Deactive Employees Page.

image

  1. The employer can even view all the graphs of the employee by clicking on View Profile.

  2. Now, the employee can Logout by simply clicking logout button on the bottom left corner.

Using E.A.T Employee

  1. Login with the employee credentials that were given by the employer.

image

  1. Now the employee can add tasks he has done (work, break, meet) through My Tasks page and he can see his previous tasks as well.

image

  1. All the graphs are generated as soon as the employee adds the details of the tasks.

image

image

  1. Even one can search for the pie chart at a specific date as well. For example,

image

  1. One can edit his profile from the Edit Profile Section

image

Thanks a lot!

Thankyou for being here until the end! Hope you like E.A.T and make use of it to the fullest.

About

E.A.T is a website specially built for companies to manage and track the activity of their employees. Through this employer can get a visual representation of work done by the employee. There are two modules in the website - one for admin (employer) and the other for employees.

Topics

Resources

Stars

Watchers

Forks

Languages

  • EJS 38.8%
  • CSS 37.0%
  • JavaScript 16.5%
  • HTML 7.7%