Ebenezr / clock-me-react

timecard application made with react and sass , used to track clock in and clock out timestamps for employees and manage employees

Home Page:https://clock-me.herokuapp.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CLOCK-ME


Author : BUKOSIA EBENEZAR


Project Description

Clock-me: is is a web application used to keep track of employees and thier clock-in and clock out time and also calculates their salary based on total clocked time.


Project Blog

SCREENSHOTS

Mobile View

image

Login

image

Dashboard Panel

image

Admin Panel

image

Timecard Panel

image

Table of content


Technologies

languages used are:

  1. React
  2. Sass

Features

  • As a employee you can be able to:
  1. Login with his/her account.
  2. Record and track his/her timestamp.
  3. view company analytics
  • AS an admin you can be able to:
  1. Add new employees.
  2. Update employees details.
  3. Delete an Employee

description

This web application helps to solve the problem of tracing employees working time. This can be very essential espesialy jobs that pays thier employees on hourly basis. the application is also beneficial to a any company since it enables them track thier working times of thier employees and know how to optimize make thiem efficient. the application solve this such as recoding each day's clock-in and clock-out timestamp and record it in the database as string array. the application then uses the timestamps to calculate how many hours the employee has been working and compute the employees salary.


challenges

  • Implementing login authentification.
  • Implementing theme change.

How to set up and run the project

Requirements


Dependencies

  • npm

setup

clone the repo using the command

  • git clone https://github.com/Ebenezr/clock-me-react.git

change directory using command

  • cd clock-me-react

open project in vscode texteditor

  • code .

install dependancies packages

  • run npm install

run back end

  • npm run server

run front end

  • npm start

live link

How to use the project


Contributing to project

  • Fork the repo
  • Create a new branch in your terminal (git checkout -b improve-feature)
  • Install the prerequisites
  • Make appropriate changes in file(s)
  • Run the server to see the changes
  • Add the changes and commit them (git commit -am "Improve App")
  • Push to the branch (git push origin improve-app)
  • Create a Pull request

Copyright

Copyright(c)[2022][bukosia ebenezar]


Contact Information


MIT License Copyright (c) 2022 Bukosia Ebenezar

About

timecard application made with react and sass , used to track clock in and clock out timestamps for employees and manage employees

https://clock-me.herokuapp.com


Languages

Language:SCSS 49.8%Language:JavaScript 49.4%Language:HTML 0.8%