Overview
Development of a more immersive user interface for a personal Astro + TailwindCSS portfolio.
Implemented a Hero section with subtle animation, dynamic gradient background, and a Dark/Light Mode toggle using JavaScript.
The goal was to unify the visual style and enhance the user’s first impression.
Technologies
- Astro (Static Site Generator)
- TailwindCSS for layout and adaptive color scheme
- Framer Motion for smooth animations
- JavaScript (Theme Toggle)
Key Learnings
- Implementation of Dark Mode using CSS variables and JavaScript
- Improved readability and contrast for accessibility
- Harmonized styling across Hero, Navbar, and Footer sections
- Smooth animated transitions between light and dark themes