/front-end-react-final-proyect

employee vacation and absence applications

Primary LanguageJavaScript

Logo Factoría F5        Logo Aidei

Leave Management Application Emoticono calendario

AIDEI needs an app to be able to manage the holidays and absences of employees during their time with the company, in order to have more flexibility when managing this information.

Table of contents 📖

Team Members 👩‍💻

Name Role
Lola Navarro Scrum Master https://github.com/ZLoln
Ana Rueda Product Owner https://github.com/anaruedaguiu
Camila Ruiz Developer https://github.com/camilaruiz17
Sierri Pérez Developer https://github.com/sierriconvoz
Veronika Komarova Developer https://github.com/VeronikaKoma
Paloma Ruiz Developer https://github.com/birdsinyourgarden
Adriana Aguilar Developer https://github.com/adrianaguilaruiz

Screenshots 📸

Sketchs views users

Sketch views users

Sketchs views admin

Sketch views admin

Mockups views users

Mockup views users

Mockups views admin

Mockup views admin

Stacks 🛠

  • HTML 5
  • CSS 3
  • BootStrap 5
  • PHP 8.1
  • Laravel Framework 10.0
  • MySQL
  • React

How to install this project ⚙

The project is divided into two repositories: back and front end. You will need a text editor and clone both repositories. Follow the next steps:

BACK

  1. Clone the project

Back-end

  git clone https://github.com/anaruedaguiu/vacacionesAIDEI.git
  1. Go to the project directory
  cd vacacionesAIDEI

  1. Start MySQL service and create a MySQL database named "aidei"

  2. Create in the text editor an .env file by copying the contents of .env.example and modify the database name (laravel by aidei)

  3. Install dependencies

  npm install
  composer install
  1. Generate secret key
  php artisan jwt:secret

This will update your .env file with something like JWT_SECRET=foobar. It is the key that will be used to sign your tokens.

  1. Run the PHP server and keep this terminal open
  php artisan serve
  1. Migrate database
  php artisan migrate:fresh --seed

FRONT

  1. Clone the project

Front-end

  git clone https://github.com/camilaruiz17/front-end-react-final-proyect
  1. Install the project's dependencies by running the following command
  npm install
  1. Run the project and keep this terminal open
  npm run dev

Tests ✅

To run the tests, execute the following command(s)

BACK

  php artisan test

test_artisan_aidei_presentación

  vendor/bin/phpunit

test_vendor_aidei_presentación

FRONT

  npm run test

test_npm_aidei_presentación

Methodology 📚

  • Testing
  • Agile with Scrum & Kanban
  • Mob, pair and solo programming

BACK

  php artisan test

test_artisan_aidei_presentación

  vendor/bin/phpunit

test_vendor_aidei_presentación

FRONT

  npm run test

test_npm_aidei_presentación

Methodology 📚

  • Testing
  • Agile with Scrum & Kanban
  • Mob, pair and solo programming

Next Steps 👣

  • Finish connecting Back and Front.
  • Ensure that documents attached in absences are not only uploaded to Cloudinary, but also saved in the database.
  • Modify the employee's update so that they can edit certain fields of their personal information. For example: change the password they use to log in to the application or their profile picture.
  • Create a table for the status of absence requests and another for holidays, so that the scalability of the code is maintained and the status of the request can be incorporated into the application: PENDING - IN PROCESS - PROCESSED
  • Adding more functionalities to the calendar.
  • Correct the user endingDate field so that it works exactly as we want it to.
  • Mob, pair and solo programming