vfields/portfolio

My Portfolio

Nice to meet you!

Deploy Link | Explore The Docs »

Table of Contents

1. About The Project
   • Built With
2. Setup
3. Roadmap
4. Features
   • Reflections
5. Contact

About The Project

This project focuses on collecting all of my professional projects, links, and documents, displaying them in one place, and allowing others multiple avenues to get in contact.

React Router Multi-Page Display:

Form Validation & Error Handling:

Responsive Design:

Built With

(back to top)

Setup

• Clone the repository to your local machine
• cd into the repository
• Make sure the necessary dependencies are installed on your local machine (react-router-dom)
• Once the necessary dependencies are installed, cd back into the root of the repository, and run npm start
• Explore and enjoy!

(back to top)

Features

• Utilizes React Router to create a multi-page user experience from a single-page application and handle bad URLs
• Features responsive and accessible UX/UI design, displaying to mobile and passing both WAVE and Lighthouse accessibility audits
• Implements error handling and form validation alongside EmailJS

Reflections

Wins:
This was a great exercise in both responsive and UI/UX design alongside accessibility. I feel I learned even more about CSS/styling, and was excited about implementing EmailJS.

Challenges:
Although I have been excited to utilize TypeScript wherever I can—and I overeagerly installed it during this project's creation—it was unncessary, since this application does not require passing props or managing much state outside of a controlled form.

(back to top)

Contact

Tori Fields: GitHub | LinkedIn

(back to top)