Portfolio Website

A modern, responsive portfolio website built with React, TypeScript, and Hono.

• 🎨 Modern, clean design with smooth animations
• 📱 Fully responsive layout
• 🌙 Dark/light theme toggle
• 📧 Contact form with email integration
• 🚀 Fast loading with optimized assets
• 💼 Project showcase with filtering
• 📄 Downloadable resume/CV

├── backend/
│   └── index.ts             # Hono server with API routes
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main React application
│   │   ├── Header.tsx       # Navigation header
│   │   ├── Hero.tsx         # Hero section
│   │   ├── About.tsx        # About section
│   │   ├── Projects.tsx     # Projects showcase
│   │   ├── Contact.tsx      # Contact form
│   │   └── Footer.tsx       # Footer component
│   ├── index.html           # Main HTML template
│   ├── index.tsx            # React entry point
│   └── style.css            # Custom styles
├── shared/
│   └── types.ts             # Shared TypeScript types
└── README.md

1. The backend serves the frontend and handles API requests
2. Contact form submissions are processed via email
3. All content can be customized in the component files
4. Theme preferences are saved in localStorage

• Update personal information in frontend/components/App.tsx
• Add your projects in the projects data array
• Customize colors and styling in frontend/style.css
• Configure email settings in backend environment variables

• CONTACT_EMAIL: Email address to receive contact form submissions