Demonstration Website

MUST USE ANGULAR, CSS, any other framework. Must develop using git and deploy using continuous development to web server. Once the project is awarded we can work these out before starting development

1. Use Case Diagram

Actors:
Employee
Admin

Use Case: Employee
Login
*****Enter employee id
*****Mark Attendance (includes saving details to the database)
*****View Personal Attendance
*****View Working Hours

Use Case: Admin
Login
*****Enter admin employee id
*****Add New Employee
*****Edit employee (hourly pay, firstName, LastName)
*****View All Employee Records (EmployeeID, firstName, LastName, HourlyPay, View Current TimeCard)
*********Can edit an employee from this view
*****Generate Reports (current/previous timecards for single all employees or selected employee(s) )


Data Stores:
MySQL database (stores employee details, attendance records, etc.)

External Entities:
Employee
Admin

3. Class Diagram (Simplified)

Classes:

Employee (attributes: id, name, firstName, lastName, hourlyPay, isAdmin)
AttendanceRecord (attributes: employeeId, date, inTime, outTime)
Admin (attributes: login credentials )

Relationships:
Employee has one-to-many relationship with AttendanceRecord
Admin has authority over Employee

The front page should be a simple login screen that ask for the employee id
After an employee logs in, the timecard for the current week should be displayed
Employee can add time as needed to current timecard
Employee save time to database (inTime and outTime)
Employee can view previous timecards
Employee can run simple report to view current or previous timecards (search parameters: start/end time). The latest timecard should be displayed first

here is a simple demonstration of a commercial timecard system (I just want the simplified features decscribed above)
https://www.youtube.com/watch?v=bCnX0-3hwP4