React Portfolio

Description

Online portfolio of web and software development projects built using React.js.

See link to the deployed application here

See a demo video demo of the application below:

Acceptance Criteria

• Technologies that must be used:

  • React
  • Navigation with React Router, dynamic rendering, or another third part router

• Your portfolio must contain the following information:

  • Your name
  • Links to your:
    • GitHub Profile
    • LinkedIn Page
    • Email Address
    • Phone Number - (optional)
    • PDF version of your resume
      • Your resume must contain up-to-date projects and professional experience
    • A list of projects (Challenges or Projects). For each project, make sure you have the following:
      • Project title
      • Link to the deployed version
      • Link to the GitHub repository
      • GIF or screenshot of the deployed application

• At a minium, the portfolio must render these 6 components:

  1. App
  2. Header
  3. Home
  4. Project Gallery
  5. Project
  6. Contact

• App:

  • Must be your top level component and render all necessary children components

• Header:

  • Must be rendered across the entire site
  • Must Contain a Navbar

• Project Gallery:

  • Must render dynamically 6 instances of the Project component
    • Be sure to store your project data in a JSON file and import it into your project

• Project:

  • Must be a reusable component that ingests JSON data as a props and renders a single instance for each project.
  • Must utilize router props to properly render the right project based on user selection
  • Must render the following info:
    • Project title
    • Link to the deployed version
    • Link to the GitHub repository
    • GIF or screenshot of the deployed application

• Contact:

  • Must have contact information
  • Have a contact form for handling events

• Home:

  • This should be a welcome landing page that contains:
    • Your Name
    • A Headshot of you
    • Your brand statement
    • Some indication that this is your portfolio site

Installation

N/A

Usage

Simply click the link to the deployed application to browse the website

Credits

N/A

License

Please refer to the LICENSE in the repo.