Timfolio

A personal portfolio website showcasing photography and software development work. All photos assets and code created by me.

🔗 View Live Site

Features

• Home Page: Main page with photos and about me section
• Software Page: Career experience timeline, project showcases, and interactive resume viewer. Hero section with snap scrolling
• Photography Page: Embedded portfolio gallery directly from lightroom portfolio for easy future photo integration
• Responsive Design: Mobile and desktop optimized layouts
• Fonts and Theme: (Space Grotesk, Cormorant Garamond) Brown: #4A4139, Cream: #FDF7EC, Yellow Accent: #FDB50B

Tech Stack

• Frontend: React 18.3.1
• Build Tool: Vite 5.4.10
• Routing: React Router 6.28.0
• Styling: TailwindCSS 3.4.15
• Deployment: GitHub Pages

Installation

Install dependencies

npm install

Run development server

npm run dev

Build for production

npm run build

Preview production build

npm run preview

Deploy to GitHub Pages

npm run deploy

📝 TODO

• Implement bug report feature with email integration (EmailJS or similar)
• Add more projects to the Software page
• Optimize image loading and add lazy loading
• Implement contact form
• Add a guestbook or comments section