- Total Projects:15
- Frontend:7
- Fullstack:8
frontend project
A Construction Build web experience — a sleek, modern platform developed with Next.js for high performance and Framer Motion to bring every interaction to life. From smooth scrolling to animated section reveals, . As users explore the site, they’re greeted with subtle transitions, sliding text, and fade-ins that enhance the narrative without overwhelming the user
- Next.js,
- React,
- Tailwind CSS,
- Framer-motion,
- React-countup,
- React-icons,
- React-scroll,
- Swiper
frontend project
This project is a coffee shop as a creative exploration of modern web animations using tools like Framer Motion, GSAP and Tailwind CSS. It focuses purely on experimenting with scroll-based animations, transitions, and layout interactions. The goal was not to build a complete product, but to test how elements can move, transform, and respond to user actions in smooth and visually engaging ways.
- Next.js,
- React,
- Tailwind CSS,
- Framer-motion,
- GSAP,
- Locomotive-scroll,
- gsap-react
fullstack project
NextCommerce Admin is a powerful and intuitive e-commerce admin dashboard built with Next.js and PostgreSQL, designed to give store owners and administrators full control over their product catalog. With secure Google authentication, admins can log in and manage multiple stores, organize products into categories, and apply filters for easy navigation and management. Acting as a lightweight CMS, the platform enables seamless creation, editing, and organization of products, making it ideal for businesses looking to streamline their e-commerce operations through a modern, scalable, and user-friendly interface.
- Next.js,
- React.js,
- Tailwind CSS,
- PostgreSQL,
- Zustand,
- Axios,
- Prisma/client,
- Next-themes,
- Tanstack/react-table,
- Stripe,
- Recharts,
- React-hot-toast,
- Lucide-react,
- Date-fns,
- Supabase,
- Radix-ui,
- Shadcn-ui,
- Zod,
- React-hook-form,
- Clerk
frontend project
NextCommerce Client is a sleek and responsive e-commerce frontend application built with Next.js, designed to deliver a fast and seamless shopping experience. Customers can browse a wide range of products, apply category-based filters, and view detailed product pages. The platform features a fully functional shopping cart, allowing users to manage their selections before securely checking out using Stripe for payments. Optimized for performance and user experience, this client-side application complements the admin dashboard, providing a complete e-commerce solution from browsing to checkout.
- Next.js,
- React.js,
- Tailwind CSS,
- Zustand,
- Axios,
- React-hot-toast,
- Lucide-react,
- @headlessui/react,
- query-string
frontend project
My portfolio project that describe my resume with skills, experience education and my contact information and social media.
- React,
- Next.js,
- Tailwind CSS,
- Shadcn-ui,
- Framer-motion,
- React-countup,
- React-icons
fullstack project
Homes App is a dynamic web application designed to showcase a variety of homes, allowing users to explore, filter, and manage their favorite properties. Built with Next.js and React, it features a user-friendly interface that supports drag-and-drop functionality for organizing homes into lists. The app integrates Firebase for real-time data management and authentication, enabling users to log in securely and access personalized content. With a focus on performance and responsiveness, Homes App delivers an engaging experience for users looking to find their ideal home.
- Next.js,
- React.js,
- Tailwind CSS,
- Shadcn-ui,
- Firebase,
- Jose,
- Imagekit,
- hello-pangea/dnd,
- numeral,
- zod,
- react-hook-form,
- react-markdown
fullstack project
A project act as blog system that shows posts, comments, likes and manage your post lists after authentication
- Next.js,
- Nest.js,
- React,
- GraphQl,
- Prisma,
- SqlLite,
- Turborepo,
- Supabase,
- Tailwind CSS,
- Shadcn-ui,
- Hero icons,
- Framer-motion,
- Zod,
- Argon2,
- Jwt,
- Nestjs-passport,
- Tanstack-react-query
frontend project
This small project is a web experience built with React, focusing on smooth, engaging animations powered by GSAP and Framer Motion. It blends the precision and performance of GSAP with the intuitive React-based animation capabilities of Framer Motion to deliver dynamic UI transitions, fluid interactions, and immersive motion design. This combination enables us to create highly responsive and visually compelling interfaces that enhance user engagement and bring the application to life.
- React,
- Tailwind CSS,
- Framer-motion,
- Gsap,
- Locomotive-scroll,
- React-router-dom
fullstack project
Small admin dashboard project that shows some analysis about users and products with ability to add users and products with info. with ability to login using username and password or login with google
- Next.js,
- React.js,
- Tailwind CSS,
- Shadcn-ui,
- Hero icons,
- Recharts,
- SWR,
- Date-fns,
- PostgreSQL,
- Bcrypt,
- Prisma
frontend project
This small project is a web experience built with React, focusing on smooth, engaging animations powered by GSAP and Framer Motion. It blends the precision and performance of GSAP with the intuitive React-based animation capabilities of Framer Motion to deliver dynamic UI transitions, fluid interactions, and immersive motion design. This combination enables us to create highly responsive and visually compelling interfaces that enhance user engagement and bring the application to life.
- React,
- Tailwind CSS,
- Framer-motion,
- Gsap,
- React-icons
fullstack project
Small movies store that shows list of trending movies with ability add to watch later. with ability to login using username and password or login with google
- Next.js,
- React.js,
- Tailwind CSS,
- React-icons,
- SWR,
- PostgreSQL,
- Bcrypt,
- Prisma,
- Zustand,
- Next-auth,
- Lodash,
- Axios,
- Prisma/client
frontend project
This project is a creative exploration of modern web animations using tools like Framer Motion and Tailwind CSS. It focuses purely on experimenting with scroll-based animations, transitions, and layout interactions. The goal was not to build a complete product, but to test how elements can move, transform, and respond to user actions in smooth and visually engaging ways.
- Next.js,
- React,
- Tailwind CSS,
- Framer-motion,
- GSAP
fullstack project
Weather App is a modern web application that provides real-time weather information for any location worldwide. Built with React and Next.js, it leverages the OpenWeatherMap API to fetch current weather forecasts, including temperature, humidity, wind speed, and more
- React.js,
- Tailwind CSS,
- Shadcn-ui,
- date-fns,
- react-router-dom,
- recharts,
- tanstack/react-query,
- openweathermap
fullstack project
A full-stack flight reservation platform inspired by modern booking systems. Users can search and reserve flights, manage their trips, and securely authenticate using NextAuth. The frontend is built with Next.js, React, and Tailwind CSS for a responsive and elegant UI, while the backend leverages MongoDB with Prisma for data modeling and secure authentication with bcrypt. ImageKit handles image optimization and storage, and Zustand manages global state. Features include interactive maps with React-Leaflet, date selection with React-Date-Range, form handling with React-Hook-Form, and smooth user experience with toast notifications, loaders, and dynamic selects.
- Next.js,
- React.js,
- Mongodb,
- prisma,
- ImageKit.js,
- Tailwind CSS,
- zustand,
- next-auth,
- date-fns,
- react-hook-form,
- react-hot-toast,
- react-icons,
- react-leaflet,
- react-select,
- react-spinners,
- world-countries,
- query-string,
- react-date-range,
- axios,
- bcrypt
