Portfolio

A personal portfolio website built with React and Vite.

Overview

This project showcases:

• A landing page with animated hero content
• A projects page with category-based filtering
• A contact page
• Client-side routing with react-router-dom
• Dark mode toggle with preference persistence in localStorage

Tech Stack

• React
• Vite
• React Router
• Framer Motion
• ESLint

Getting Started

Prerequisites

• Node.js (LTS recommended)
• npm

Install dependencies

npm install

Run in development

npm run dev

Build for production

npm run build

Preview production build

npm run preview

Lint

npm run lint

Project Structure

src/
  components/    # Reusable UI components (Navbar, Hero, ProjectCard)
  data/          # Static project data
  pages/         # Route-level pages (Home, Projects, Contact)
  styles/        # Component/page styles
  App.jsx        # App routes and global state
  main.jsx       # App entry point