jeuxseh/employee-manager-frontend

Project Name

​Employee Manager

Developers

​Jesus Benages , Miguel Angel Moreno , Marc Benaiges

Link to App:

​https://employeemanager-ca333.firebaseapp.com/login

• use in mode mobile device at browser, iphone X prefered

Description

A web-app where you can manage the task and schedules of your employes

User Stories

​

• 404: As an anon/user I can see a 404 page if I try to reach a page that does not exist so that I know it's my fault

• Signup: As an anon I can sign up in the platform

• Login: As an user I can login to the platform

• Logout: As an user I can logout from the platform so no one else can use it

• Home: As an admin I can see all the status of my workers and click in each of them

• Calendar: As an admin I can go to the calendar so I can see the schedule of my workers

• Calendar: As an user I can go to the calendar so I can see the schedule of my company

• Calendar Id: As an admin I can see particulary the schedule and the task of one worker

• Calendar Id: As an user I can see my schedule and my own task so I can organice myself

• Add worker: As an admin I can add a worker to my company so I can give him a profile and tasks

• See status: As an admin I can check each status of my worker so I can controll who has accepted

• Edit worker: As an admin I can edit my worker's profile so I can modify their schedule or task

• Delete worker: As an admin I can delete a worker of my bussines

• Profile: As an user I can go to my profile so I can see my data, edit it and do log out

​

Backlog

​- Second User

• General Calendar

• Import Data to other format

• Be able to confirm the schedule

• ...

Client

​medium and small companies

Routes

| Method | Path | Component | Permissions | Behavior |

|--------|------|--------|--| -------|

| get | / | HomePageComponent| public | just promotional copy|

| post | /auth/signup | SignupPageComponent| anon only| signup form, link to login, navigate to homepage after signup|

| post | /auth/login | LoginPageComponent | anon only |login form, link to signup, navigate to homepage after login |

| post | /auth/logout | -------| anon only | navigate to homepage after logout, expire session |

| get | /calendar |-----| user and admin | shows all task and a general schedule

| get | /calendar/:id | -----| user and admin | show a worker calendar with his/her task

| put | /calendar/:id/ |-------- | admin | edit the task and the schedule of a worker

| get | /employee/new | -------- | admin | add a worker view

| get | /employee/new/data | -------- | admin | creating user data view

| get | /employee/new/schedule|-------- | admin | creating user schedule view

| post | /employee/new/data | -------- | admin | create the user's data

| post | /employee/new/schedule | -------- | admin |create the user's schedule

| get | /user | --------| user - admin | user can see his/her own profile

| put | /user | -------- | user - admin| user can edit his/her own profile

| get | /user/:id/ |-------- | user - admin | show a woker's editting schedule and data

| get | /user/:id/data |-------- | admin| show a worker's own data to edit it

| get | /user/:id/schedule |-------- | admin | show a worker's own schedule to edit it

| put | /user/:id/data |-------- | admin | edit the worker's data

| put | /user/:id/schedule |-------- | admin | edit the worker's schedule

| get | ** | NotFoundPageComponent | public |

​

​

​

​

Components

• Pages:

  • Home

  • User

  • Calendar

• Components:

  • EmployeeCard

  • EmployesList

  • NavBar

  • Date

  • Schedule

  • CreateTaskForm

  • CreateEmployeDataForm

  • CreateEmployeScheduleForm

  • EditTaskForm

  • EditEmployeScheduleForm

  • EditEmployeDataForm

Services

​

• Auth Service

• auth.login(user)

• auth.signup(user)

• auth.logout()

• auth.me()

• auth.getUser() // synchronous

• Employees Service

• employee.list()

• employee.create(data)

• employee.create(schedule)

• employee.detail(id)

• employee.delete(id)

​

Server

​

Models

Admin model

username - String // required & unique

password - String // required

workers - Array // ref worker

company - String // required

tlf - Number // required

adress - String // required

E-mail - String // required

worker model

workername - String // required

password - String // required

address - String // required

tlf - Number // required

tasks - Array // ref task model

Dni - String // required & unique

E-mail - String // required

schedule - Array [{days:[horaInicio1, HoraFinal1, horaInicio2, HoraFinal2]}]

task model

taskdescription - String // required

date - Date // required

initialTime - time // required

endTime - time // required

​

API Endpoints (backend routes)

• GET /auth/me

  • 404 if no user in session

  • 200 with user object

• POST /auth/signup

  • 401 if user logged in

  • body:

    • username

    • email

    • password

  • validation

    • fields not empty (422)

    • user not exists (409)

  • create user with encrypted password

  • store user in session

  • 200 with user object

• POST /auth/login

  • 401 if user logged in

  • body:

    • username

    • password

    • rol

  • validation

    • fields not empty (422)

    • user exists (404)

    • password matches (404)

  • store user in session

  • 200 with user object

• POST /auth/logout

  • body: (empty)

  • 204

• GET /

• GET /adduser/

• GET /adduser/data

• GET /adduser/schedule

• POST /adduser/data

• POST /adduser/schedule

• GET /calendar/

• GET /calendar/:id/

• PUT /calendar/:id/

• GET /user/

• PUT /user/

• GET /user/:id/

• GET /user/:id/data

• GET /user/:id/schedule

• PUT /user/:id/data

• PUT /user/:id/schedule

• DELETE /user/:id

​

Links

​

Trello/Kanban

​

Link to your trello board or picture of your physical board

​

Git

​

The url to your repository and to your deployed project

​

Client repository Link

Server repository Link

​

Deploy Link

​

Slides

​

The url to your presentation slides

​

Slides Link