Portfolio Website
jonhaywood.dev

       

🔹 Report Bug     🔹 Request Feature

Portfolio

My personal portfolio jonhaywood.dev which features my github projects, resume and technical skills.

TL;DR

You can fork this repo to modify and make changes of your own! Please give me proper credit by linking back to JonHaywood. Thanks!

This repo was based on Soumyajit4419's excellent work. I rebuilt it using Typescript + Vite, Tanstack Router and modern packages.

Built With

This project was built using the following technologies.

• Typescript
• Vite
• Bootstrap CSS
• Tanstack Router

Features

• 📱 Responsive Design: Fully responsive layout using React-Bootstrap and custom CSS.
• 🔄 Dynamic Routing: Multi-page layout with dynamic routing powered by TanStack Router.
• ✨ Interactive Animations: Particle effects and smooth scrolling for enhanced user experience.
• 🧰 Developer Tools Integration: Includes TanStack Router DevTools for debugging and development.
• 🔧 Customizable: Easy to modify and extend with clear component structure and routing.

Getting Started

Clone this repository. Ensure you have Node.js and pnpm installed.

🛠 Installation and Setup Instructions

1. First, run: pnpm install
2. In the project directory, run: pnpm dev

This will start the app in the development mode. Open http://localhost:5173 to view it in the browser. The page will reload if you make edits.

Usage Instructions

Open the project folder and Navigate to /src/components/.
You will find all the components used and you can edit your information accordingly.

Show your support

Give a ⭐ if you like this website!