Skip to content

trhgatu/atuxdev

Repository files navigation

πŸ§‘β€πŸ’» 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.


✨ Features

  • 🎨 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 /projects page 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.

🧱 Tech Stack

  • Framework: Next.js (App Router)
  • Styling: Tailwind CSS
  • Animation: Framer Motion
  • Type Safety: TypeScript
  • Data Fetching: SWR
  • Design System: Custom + Headless UI-like components

πŸ“Έ Sections

🌟 Home Page (/)

  • Avatar banner & intro text
  • Skills with animated icons
  • Timeline of experience
  • Highlighted featured projects

πŸ—‚ Projects Page (/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

🌈 Design Philosophy

  • 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.

πŸ§‘β€πŸŽ¨ Author

Built by trhgatu β€” a passionate Fullstack Developer

About

My Portfolio πŸ‘¨β€πŸ’»

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published