The official portfolio of Wilbert Winardi, a Computer Science student at BINUS University. This project stands at the intersection of Artificial Intelligence and Modern Web Engineering, designed to showcase the seamless integration of intelligent backend solutions with high-performance, intuitive frontend interfaces.
- Immersive Project Modal: Detailed project insights—including descriptions, tech stacks, and galleries—are presented in a highly interactive, responsive modal pop-up.
- Advanced Image Carousel: A fully custom image slider featuring:
- Bi-directional smooth slide animations.
- Touch & Swipe gesture support for mobile devices.
- Smart "Pause-on-Hover/Touch" and "Manual Pause" logic for better accessibility.
- Modern Architecture: Built on the robust Next.js 14 (App Router) framework, ensuring server-side rendering benefits and optimal performance.
- Type-Safe Codebase: developed entirely in TypeScript to ensure code reliability, scalability, and maintainability.
- Responsive & Adaptive: A mobile-first design philosophy implemented with Tailwind CSS, ensuring a flawless experience across all device sizes.
- SEO Optimized: Pre-configured with dynamic
sitemap.tsandrobots.tsfor maximum search engine visibility.
| Category | Technology | Purpose |
|---|---|---|
| Framework | Next.js 14 (App Router), React | Building a high-performance, server-rendered UI. |
| Styling | Tailwind CSS | Rapid, utility-first styling for a responsive design system. |
| Animation | Framer Motion | Creating complex, fluid animations (modals, carousel, navigation). |
| Language | TypeScript | Ensuring strict type-checking and robust code quality. |
| Deployment | Vercel | CI/CD pipeline and global edge network hosting. |
- Author: Wilbert Winardi
- Institution: BINUS University (Computer Science)
- Email: wilbertwinardi@gmail.com
- LinkedIn: https://www.linkedin.com/in/wilbertwinardi/
- GitHub: https://github.com/WilbertWinardi
© 2025 Wilbert Winardi. All Rights Reserved.