Recipe Finder App
ReactNext.js 16 (App Router)TypeScriptTailwind CSS v4Shadcn/UIReact Hook FormZod ValidationKy (HTTP Client)Next-Themes (Dark Mode)
A comprehensive, responsive Recipe Finder application engineered with Next.js 16 and TypeScript. It leverages TheMealDB API via the Ky HTTP client to provide instant search-by-name functionality and random meal discovery. The UI is crafted with Tailwind CSS v4 and Shadcn/UI components, featuring a seamless dark/light mode toggle and skeleton loading states for optimal UX. Key interactive elements include modal-based recipe details to preserve navigation context, a custom animated real-time clock using Framer Motion, and automatic user geolocation detection.
Personal Portfolio
reactNext.js 16 (App Router)typescriptTailwind CSS v4shadcn/uiReact Hook FormZod ValidationKy (HTTP Client)Next-Themes (Dark Mode)react toastify
A high-performance, fully responsive personal portfolio engineered with Next.js 16 and TypeScript. Leveraging the power of Tailwind CSS and Shadcn/UI, it delivers a minimalist yet sophisticated aesthetic with a comprehensive dark/light mode system. The application features fluid animations powered by Framer Motion and optimized layouts to ensure a seamless user experience across all devices. It serves as a central hub demonstrating my expertise in building scalable, modern web applications.
Gaming Website Clone
Htmlcssjavascript
A responsive clskill of a gaming-themed website that showcases game titles, news updates, and community events. The website features an engaging dark-themed design, interactive UI elements, and a visually immersive layout to capture the gaming aesthetic. The navigation is smooth, ensuring easy access to different game categories and content sections.
Resturent website Clone
Htmlcssjavascript
A fully responsive restaurant landing page clskill designed to showcase a modern dining experience. This project features elegant typography, high-quality imagery, and a visually appealing layout that highlights the restaurant's menu, ambiance, and services. Smooth scrolling and intuitive navigation ensure an enjoyable browsing experience across all devices.
Aquarium Website Clone
Htmlcssjavascript
A responsive clskill of a vibrant aquarium-themed website designed to highlight marine life and underwater attractions. The layout features a clean interface, calming blue tskills, and smooth animations to mimic the serenity of an actual aquarium experience. Built to practice visual hierarchy, layout structuring, and responsive design techniques.
Fake Login Form
Htmlcssjavascript
A minimal and responsive mock login form designed to replicate a basic user authentication interface. Built using HTML, CSS, and JavaScript, this project focuses on clean form styling, input validation concepts, and responsive layout. Ideal for practicing UI form structure and front-end logic without backend integration.