ChgDave/portfolio-react

Bootcamp week 20 challenge, portfolio react app

★ 0Forks 0CSSGitHub ↗Compare

README

20 React: React Portfolio

Description

This is the week 20 challenge project for the Northwestern coding bootcamp. The task is to create a portfolio using React.

This application is deployed to Netlify. Follow the instructions in the Git Guide or consult the Docs on Netlify to create a build that you can deploy.

Table of Contents

User Story

AS AN employer looking for candidates with experience building single-page applications
I WANT to view a potential employee's deployed React portfolio of work samples
SO THAT I can assess whether they're a good candidate for an open position

Installation

To insall necessary dependencies, run the following command:

npm i

Usage

GIVEN a single-page application portfolio for a web developer
WHEN users load the portfolio
THEN users are presented with a page containing a header, a section for content, and a footer
WHEN users view the header
THEN users are presented with the developer's name and navigation with titles corresponding to different sections of the portfolio
WHEN users view the navigation titles
THEN users are presented with the titles About Me, Portfolio, Contact, and Resume, and the title corresponding to the current section is highlighted
WHEN users click on a navigation title
THEN the browser URL changes and users are presented with the corresponding section below the navigation and that title is highlighted
WHEN users load the portfolio the first time
THEN the About Me title and section are selected by default
WHEN users are presented with the About Me section
THEN users see a recent photo or avatar of the developer and a short bio about them
WHEN users are presented with the Portfolio section
THEN users see titled images of six of the developer’s applications with links to both the deployed applications and the corresponding GitHub repositories
WHEN users are presented with the Contact section
THEN users see a contact form with fields for a name, an email address, and a message
WHEN users move my cursor out of one of the form fields without entering text
THEN users receive a notification that this field is required
WHEN users enter text into the email address field
THEN users receive a notification if users have entered an invalid email address
WHEN users are presented with the Resume section
THEN users see a link to a downloadable resume and a list of the developer’s proficiencies
WHEN users view the footer
THEN users are presented with text or icon links to the developer’s GitHub and LinkedIn profiles, and their profile on a third platform (Stack Overflow, Twitter)

License

This project is licensed under MIT License

Github Repo

https://github.com/ChgDave/portfolio-react

Deployed link on Netlify

https://earnest-alpaca-acd763.netlify.app/

Questions

If you have any qustions about the repo, open an issue or contact me directly at [email protected]. You can also find more of my work at chgdave.

Review

You are required to submit BOTH of the following for review:

  • The URL of the functional, deployed application.

  • The URL of the GitHub repository, with a unique name and a README that describes the project.


© 2023 edX Boot Camps LLC. Confidential and Proprietary. All Rights Reserved.

Contributors

ChgDave

Issues