🚀 Project Story: jahswill.tech – My Developer Portfolio

🌟 Inspiration

As a passionate front-end developer, I wanted a digital space that truly reflected my skills, growth, and creativity. I’ve built and contributed to many projects, but never had a central hub that showcased them professionally. That need — to tell my story, show my work, and create opportunities — inspired me to build jahswill.tech.

The goal was more than just a portfolio. I wanted something modern, responsive, animated, and fast — something that screams "this is a developer who cares about the craft."

💡 What it does

jahswill.tech is a fully responsive portfolio website built with React, Vite, and Tailwind CSS, designed to:

Introduce who I am and what I do
Showcase selected projects with links to GitHub & live demos
Highlight my technical skills and tools
Share testimonials from collaborators
Allow easy contact via a custom form
Offer a smooth, engaging user experience with animations powered by Framer Motion

🛠️ How we built it

Frameworks: React + Vite (for fast builds and clean component structure)
Styling: Tailwind CSS for utility-first, responsive design
Animations: Framer Motion for smooth, interactive transitions
Form Handling: Formspree for contact form submission
Charting (if needed): Chart.js for visualizing data in future updates
SEO: Manual SEO tweaks (meta tags, sitemap, robots.txt, semantic HTML)
Hosting: Deployed using Netlify with CI/CD setup via GitHub

I split the site into reusable, performant components like Hero, About, Projects, Skills, Testimonials, Contact, and Footer — all with consistent styling and animation logic.

🧗‍♂️ Challenges we ran into

Single Page SEO: Optimizing a React SPA for SEO was tricky. I had to manually create sitemap.xml, robots.txt, and integrate react-helmet-async for metadata.
Animations and Accessibility: Ensuring smooth animations without hurting accessibility or performance required extra care.
Responsive Design: Making sure it looked great on all screen sizes took detailed Tailwind tuning and testing.
Content Structuring: Deciding what to include (and what to leave out) was tough — I wanted to keep it minimal yet impressive.