Skip to content

obrymec/employees_contracts_manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Employees Contracts Manager

Employees Contracts Manager Full Stack Development Progressive Web App Contracts Management

This small project is academic. It has been developed with Native Web Development Languages. The project is subdivided in two parts such as: Front-end and Back-end. In Front-end, I've built all user interfaces using basic HTML and CSS to draw layouts, controls and JavaScript to make some feedback with users and HTTP requests to Back-end via Node.js. In Back-end, a simple Node.js API is developed to get and treat client requests. Express.js is used as a server to run this project. Note that each data is stored in a remote MySQL (PHP My Admin) database hosted on Internet. The communication between Front-end and Back-end uses AJAX and data transfer uses JSON language. Sometime, a page reloading is required to make certain HTTP requests.

Table of contents

  1. Access link
  2. Reference
  3. Final result
    1. Video
    2. Screenshots
  4. Project installation
    1. Nodejs installation
    2. Sources code cloning
    3. Dependencies installation
    4. Project execution

Access link

The project is already hosted on web and can be accessible through the link below :

Reference

The project can be found via the link below :

Final result

This is the final result of the project :

Video

Watch the project's video

Screenshots

First render Second render Third render Fourth render

Project installation

👉 If you want to get project sources code, make sure to have NodeJs already installed in your machine. If it isn't the case, you can install it from nvm.

Nodejs installation

cd ~;\
sudo apt install curl;\
curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash;\
source ~/.bashrc;\
nvm --version;\
nvm install --lts;\
node --version;\
npm install yarn --global;\
yarn --version

Sources code cloning

git clone git@github.com:obrymec/employees_contracts_manager.git employees_contracts_manager/

Dependencies installation

Go to the root folder of the project sources and run :

yarn install

Project execution

Go to the root folder of the project and run :

yarn start

Then, open your favorite browser and tap on the search bar, the following link :

http://localhost:5200/

Enjoy :)