Project Description

Frontend Developer

Reportex: A Veritext Company

Technical Information

Software Used:

  • React

  • Bootstrap

  • HTML

  • CSS

Date:

  • March 2021

Client:

Reportex: A Veritext Company

Number of Pages:

  • 1

Hours Spent:

  • 7 hours

Introduction

The Reportex GitHub.io website was created to to hold only the various links to projects created on GitHub. This makes it easier to access different files and centralize all of the different projects.

Process

Creating a Base Template

I coded out the template using react and bootstrap. I added flexbox to help with the layout, alignment, and sizing of grid columns, navigation, and components.

Logic

The logic behind this was to create a github.io website which is provided free of charge from GitHub. What I did was:

  1. Create a React application
  2. Deploy the React application
  3. Add a Git Dependency Package
  4. Add Home Page property to package.json file
  5. Add deploy scripts to package.json file
  6. Create a remote GitHub repository
  7. Deploy a application to GitHub pages
  8. Access deployed site
  9. Commit and push the codebase

Solution

In the end I was able to create a fully functional single page React website that is able to link to all the main projects, social media sites and provide some information on locations. This helped to easily get to and grab links which can be copy and pasted into other projects.

↗ Live View