π§βπ» TRHGATU Portfolio β Built by trhgatu
This is my personal developer portfolio website, designed to showcase my skills, journey, and selected projects. It is built with Next.js (App Router), TypeScript, Tailwind CSS, Framer Motion, and includes smooth UI interactions, animations, and dark mode.
- π¨ Modern UI β Fully responsive layout with clean design and neumorphism-inspired elements.
- π Dark Mode β Toggle theme with persisted state.
- π§ Animated Navigation β Smooth scrolling, section transitions, and route-aware navigation.
- πΌ Project Showcase β Dynamic
/projectspage with detailed view and image carousel per project. - π οΈ Technology Stack Icons β Auto-rendered tech logos using
tech-stack-icons. - π₯ Framer Motion Animations β Subtle motion effects for UX polish.
- π± Responsive Design β Optimized for desktop, tablet, and mobile.
- Framework: Next.js (App Router)
- Styling: Tailwind CSS
- Animation: Framer Motion
- Type Safety: TypeScript
- Data Fetching: SWR
- Design System: Custom + Headless UI-like components
- Avatar banner & intro text
- Skills with animated icons
- Timeline of experience
- Highlighted featured projects
- Paginated list of all projects
- Live preview + GitHub links
- Detail page per project (
/projects/:id) with:- Image carousel & zoom
- Tech stack badges
- GitHub / Live links
- Responsive layout
- Focus on clarity, motion, and expressiveness.
- Everything is modular and reusable.
- Inspired by minimalistic personal websites with a hint of futuristic gradients and ambient effects.
Built by trhgatu β a passionate Fullstack Developer