Skip to content

PRich57/react-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

111 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pete's React Portfolio

404 Badge

Description

Welcome to my portfolio! I'm Pete Richards, a Software Developer and recent graduate of the University of Denver's Coding Boot Camp. My portfolio provides a snapshot of my coding journey, skills, and experiences. It's built using React and serves as a guide to who I am as a developer.

To visit my portfolio click here!

Table of Contents

Installation

No installation is required.

Usage

To navigate through my portfolio, follow the instructions below:

Navigation
  • Easily switch between different sections using the navigation bar at the top of the page.
  • Your current location will always be highlighted in the navigation bar to keep track of the active page.
  • Find links to my GitHub and LinkedIn accounts at the bottom left of any page.
  • If vertical scrolling is needed on a page, a scroll-to-top button in the form of a white circle with an arrow pointing - up will appear on the bottom right. Click it to return to the top of the page.

Video of Navigation usage

About Me
  • The homepage features my About Me section, providing insights into both my developer journey and personal life.
  • Content is organized within a custom accordion component.
  • Click on any accordion header to reveal the contents of that section while hiding the others.
  • This section offers a brief summary of my coding journey, along with a recent photograph to add a personal touch.

Video of About Me Page

Projects
  • Click "Projects" in the navigation bar to access the Projects page, showcasing four of my top projects.
  • Scroll through project cards to view screenshots, titles, descriptions, and links to live sites and GitHub repositories.
  • Each card has dynamic tilt functionality that responds to mouse movement when hovering.

Video of Projects Page

Contact
  • The Contact page includes a form with fields for Name, Email Address, and Message.
  • Fill out all fields before submitting.
  • Ensure the email address is correctly formatted (e.g., example@email.com) for successful submission.
  • Upon submission, a success or failure message will appear for 3 seconds.
  • If successful, I will receive your email and respond promptly.
  • In case of an error, verify your information and try again.

Video of Contact Page

Resume
  • The Resume page displays Technical Skills at the top, followed by a button to access my official resume.
  • Below Technical Skills, you'll find Soft Skills on the left and Relevant Experience on the right, with Education at the bottom.
  • Click the button under "Resume" to open my official resume in a new tab.
  • Technical Skills are represented by icons, with technology names and skill levels displayed sequentially at a 2-second interval. Hovering over an icon interrupts the sequence and shows details.
  • Soft Skills correlate with Relevant Experience. Hovering over experience items highlights associated soft skills.
  • Relevant Experience emphasizes work history that demonstrates valuable soft skills for software development roles.
  • The Education section lists my B.S. from Ohio University and recent Software Development certificates.

Video of Resume Page

Questions

Please feel free to contact me with any questions! You can message me on LinkedIn via the link below or email me through the contact page on my portfolio.

LinkedIn: PRich57

About

(Full-Stack) This is my updated portfolio created with React. Users will find a brief summary of my coding journey, some of my best solo and collaborative projects, a contact form connected to my email, and a resume page with a downloadable pdf.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors