This repository contains the code for my personal portfolio website, built using React and Vite. The site showcases my skills, products i've tested, projects i've built, and provides a way to contact me.
- Hero Section: An engaging introduction to grab visitors' attention.
- About Me: Information about my background, interests, and career aspirations.
- Skills: An overview of my technical skillset (languages, frameworks, testing methodologies, tools, etc.).
- Products & Projects: A curated list of my key products i've tested and projects i've built, including descriptions, technologies used testing methodologies, and links to live demos or repositories.
- Contact Me: A functional contact form allowing visitors to send me emails directly.
- Integrated with Formspree for seamless email delivery without needing a dedicated backend.
- Responsive Design: Fully responsive layout ensuring optimal viewing experience across all devices (desktops, tablets, and smartphones).
- Frontend Framework: React
- Build Tool: Vite
- Languages: HTML, CSS, JavaScript
- Styling: Tailwind CSS
- Contact Form Service: Formspree API
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/TannerGalloway/Portfolio.git cd Portfolio -
Install dependencies: Choose the package manager you used (npm or yarn):
npm install
-
Configure Formspree (Important):
- Sign up or log in to Formspree.
- Create a new project & form.
- Create an
.envfile at the root of the repo with the keysVITE_FORMSPREE_PROJECT_IDandVITE_FORMSPREE_FORM_IDthat include your unique Formspree endpoint IDs. - Update the
formspree.jsonfile to include your email.
-
Run the development server:
npm run dev
-
Open your browser and navigate to
http://localhost:5173(or the port specified by Vite in your terminal).
This application is built as a static site and can be easily deployed to various hosting platforms like:
- Netlify
- Vercel
- GitHub Pages
- AWS S3/CloudFront
- Firebase Hosting
The live version is currently deployed on github pages.