This project was developed as part of the Next.js Design Jam 2024 during the Governor IT Initiative UI/UX Hackathon. The goal was to create a pixel-perfect, responsive website based on an assigned Figma template using Next.js, TypeScript, Tailwind CSS, and Custom CSS.
- Event: Governor IT Initiative UI/UX Hackathon
- Date: December 8th - December 9th, 2024
- Duration: 24 Hours
- Objective: Build a pixel-perfect, responsive UI based on a specific Figma template.
- Template Number: Template 5 - Recommended by Sir Ubaid and Sir Anas
- Template Link: https://www.figma.com/design/VQn746e6fpmahgcnsi5Wae/Ecommerce-Store-(Copy)
View the live version of the project here: Vercel Live Link
- Next.js 14 with App Router (Dynamic Routing)
- TypeScript for type safety
- Tailwind CSS for utility-first styling
- Custom CSS for additional styling where needed
- Responsive Design ensuring compatibility across all devices
- Next.js 14
- TypeScript
- Tailwind CSS
- Custom CSS
- Figma (Design Reference)
- Pixel-perfect Implementation (75 points)
- Responsive Design (100 points)
- Adherence to Figma Template (75 points)
- Source Code: https://github.com/muhammadwaheedaree/ui-ux-hackathone
- Hosted Version: https://ui-ux-hackathone-gamma.vercel.app/
For any queries or further information, feel free to contact me:
- Name: Muhammad Waheed
- Email: muhammadwaheedaree128@gmail.com
- LinkedIn: https://www.linkedin.com/in/muhammadwaheedaree/
Governor IT Initiative - Empowering Future Tech Leaders