igid.io is a highly optimized and modern personal portfolio website. It works as an interactive digital business card showcasing my projects, technical skills, and contact information. The core of the project is Astro, a content-focused framework for building web sites.
Technology Stack
- Frontend
-
TypeScript: Main language of the project
-
Astro: Framework for building fast and optimized websites
-
Vue (Nano Islands): UI framework for interactive components
-
Vite: Fast build tool
-
- UI
-
Tailwind 4: Utility-first CSS framework
-
Starwind UI: Prebuilt and reusable components
-
GSAP: Animation library
-
Iconify: Icon library
-
LottieFiles: Lottie animation support
-
- Utilities
-
Nano Stores: Agnostic state management library
-
MDX: Markdown with support for JSX variables and expressions
-
Yup: Schema validation for forms
-
Axios: HTTP client for API requests
-
Features
- Smooth navigation: Seamless transitions between sections for a pleasant user experience, implemented via microinteractions provided by GSAP.
- Light and dark mode: Native theme switching support, likely respecting the user’s system preferences.
- Contact form: Functional contact form with validation and message sending.
- Performance optimization: Techniques such as lazy loading images and resource optimization ensure fast load times.
- Collections: Organization of projects into collections with their corresponding metadata.