chiqors / wgs-absence-frontend

WGS Absence Repository for Frontend Services. Powered by ReactJS with Google oAuth 2.0

Frontend React App for WGS Absence

Please note that the backend must be running as well. You can find the backend here.

---

Table of Contents

• About
• Project Management
• Getting started
  • 1. Clone the repository
  • 2. Configure the environment
  • 3. Install dependencies with your favorite package manager
  • 4. Run the project
• Credits

---

About

This is the frontend React app for WGS Absence. It is a web app that allows employers to manage their employees' absences. This was made for my final project in my WGS Bootcamp Batch 5 for about 2 months. If you are looking for the slides, you can download the file named slides.pptx in the docs folder. It's all thanks to WGS and Wegeeks for giving me the opportunity to learn and grow as a developer and how industries work.

Technologies used:

• React 18
• Google OAuth 2.0

---

Project Management

I used Trello to manage my project. You can find the board here. I also used Excalidraw to design the Wireframe. You can find the design in the docs folder.

---

Getting started

1. Clone the repository

git clone https://github.com/chiqors/wgs-absence-frontend.git

2. Configure the environment

.env.example is the example of the environment file. Copy it to .env and configure it.

3. Install dependencies with your favorite package manager

pnpm install

4. Run the project

pnpm dev

The project will be available at localhost:5173.

---

Credits

• Thanks to TailwindCSS for the beautiful CSS framework.
  
• Thanks to DaisyUI for the beautiful UI.
  
• Thanks to ChartJS for the amazing chart library.
  
• Thanks to React Icons for the awesome list of icons.

wgs-absence-frontend's Issues

Complete CRUD System for Managing Employee in Admin Panel

Journey to V0.2

• Create #1
• Edit #3
• Delete #4

Employee Show Detail in Admin Panel

2 Subpages:

• Profile
• Attendance (Show Weekly)
• Link to edit page