EMS - Frontend (Employee Management System Demo)

Project Description

• The general purpose of the project is to create, update, delete and view the information of employees in a company on the web.

• This repo contains the frontend module of the project.

• You can try the live version of the front end module at the following addresses:

• Link 1: https://ems1.erengaygusuz.com.tr (netlify)

• Link 2: https://ems2.erengaygusuz.com.tr (vercel)

Project Architecture

• There are 3 layers in the application part of the project. These are:

  • PresentationLayer (FrontEndApp)
  • DataAccessLayer (BackEndApp)
  • DatabaseLayer (Database)

• Additionally, the general architectural diagram of the project is shown in the image below:

General Technical Features of this Module

• Component Based Design
• Making Http Request with Axios to Rest API
• Generating Project with Vite.js
• Deployment to Vercel and Netlify
• Adding Custom Domains to FrontEnd Apps
• Adding Lets Encrypt SSL Wilcard Certficate to Domains

Tools and Technologies Used in this Module

The list of all packages and tools used in the module is provided below, along with their version.

• React JS 18
• HTML5
• CSS3
• Bootstrap 5.3.3
• Javascript
• Vite JS

Module Usage

• Be sure that Visual Studio Code is installed in your PC.
• Clone the module using this command: git clone https://github.com/erengaygusuz/ems-frontend.git
• Run the module with Visual Studio Code

License

The MIT License (MIT)

Screenshots