cmade / Mid-Mod2_project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Technologies used:

This project was bootstrapped with Create React App.

Font Awesome was also used.

Data hard coded from the Github api

Wireframe created using Figma

Heroku was used to deploy the app: Click this link to view the Mid Mod Project 2

See below for a gif of the app:

See below for a mockup of the app: GitHub Profiles

The approach taken:

There was a mixture of functional and class based components used in the project.

At least 3 components were created: UserItem, User and Navbar.

There was use of States & Props between the components

Unsolved problems:

I wanted to use the api to update the state, but will implement this in the future.

User stories:

  1. Create wireframe in Figma
  2. User Story: Create a navbar component.
  3. User Story: Create a user component to house the state and map through the state while passing the data to the user item component.
  4. User Story: Create a user item component to display each github profile user.
  5. Initialize github repo
  6. Deploy to Heroku

Notes:

This was a good learning experience.

About


Languages

Language:JavaScript 74.7%Language:CSS 19.7%Language:HTML 5.6%