/Frontend_CICD

This is a repo containing the frontend code for my CICD project. It was made using reactjs framework and javascript

Primary LanguageJavaScript

Frontend_CICD

Frontend app for my CICD project

Build Status

Features

  • Add new users to the database
  • Add description for every user
  • Show all users available
  • Edit users
  • Delete Users

Tech

The application uses a number of open source projects to work properly:

  • [ReactJS] - HTML enhanced for web apps!
  • [Antd] - great UI boilerplates for modern web apps

Installation

The application requires Node.js v10+ to run.

Install the dependencies and devDependencies and start the server.

cd Frontend_CICD
npm i
npm start

For production environments using docker...

docker build -t <youruser>/frontend:{version} . 
docker run -p 3000:3000 <youruser>/frontend:{version}

Docker

The application is very easy to install and deploy in a Docker container.

By default, the Docker will expose port 3000, so change this within the Dockerfile if necessary. When ready, simply use the Dockerfile to build the image.

cd Frontend_CICD
docker build -t <youruser>/frontend:{version} .

This will create the application image and pull in the necessary dependencies. Be sure to swap out {version} with the actual version of the application.

Once done, run the Docker image and map the port to whatever you wish on your host. In this example, we simply map port 3000 of the host to port 3000 of the Docker container:

docker run -p 3000:3000 <youruser>/frontend:{version}

Verify the deployment by navigating to your server address in your preferred browser.

127.0.0.1:3000