My Projects
E-COMMERCE PROJECT 'Store-2' (v2)
This eCommerce application is the most complex project I have developed to date and a personal highlight of my portfolio. It demonstrates advanced features such as secure authentication, dynamic product management, and integrated payment processing, delivering a seamless shopping experience.
Stack: Next.js, Tailwind CSS, Prisma, PostgreSQL, NextAuth, Stripe integration, React Hook Form, React Email, Vercel deployment
E-COMMERCE PROJECT 'Proshop' (v1)
A full-stack eCommerce application built from scratch with the MERN stack (MongoDB, Express, React, Node.js). User authentication & authorization (JWT) * Admin dashboard for managing products, users, and orders * Product search, pagination, and reviews * Shopping cart & checkout process * PayPal & credit card payments * Product image upload and many more features.
Stack: MongoDB, Express, React, Node.js, Redux, JWT, Stripe/PayPal integration. Please allow 1-2 minutes for the project to fully load after clicking, as it is hosted on a free service.
The Wild Oasis (Admin Dashboard)
A full-featured internal hotel management dashboard built with React. It enables staff to manage bookings, cabins, and guests in real time, including check-in and check-out workflows, booking status tracking, and operational analytics. The project demonstrates practical use of React Query for server state management, Supabase for backend integration, and modular UI architecture for scalability and maintainability.
Stack: React, React Router, TanStack React Query, Supabase, Styled Components, React Hook Form, Recharts, React Error Boundary, Vite
The Wild Oasis (Customer side)
Second part of the Wild Oasis project - a customer-facing cabin booking app built with Next.js. It features a dynamic cabin search, booking workflow, and guest management, showcasing the power of Next.js for building dynamic and interactive web applications. This project is currently optimized primarily for desktop screens. Mobile responsiveness and small-screen UI improvements are planned for future updates.
Stack: Next.js, Tailwind CSS, Supabase, React Hook Form, react-day-picker, dat-fns, heroicons-react, next-auth-v5
Project 'Launch Point'
A collaborative project developed with a UI/UX designer, where the visual design was created in Figma and Photoshop. The project combines clean, maintainable code with a simple, user-focused interface, emphasizing clarity, accessibility, and responsive layout.
Stack: React, Vite, React Router, and Bootstrap (Responsive design) * Design: Figma, Adobe Photoshop
Online Food Store 'Tomato'
A front-end demo application allowing users to browse dishes, add items to favorites, and explore the menu interactively. While it does not include back-end functionality, the project demonstrates dynamic UI interactions, state management, and a fully responsive layout.
Stack: React, JavaScript, HTML, CSS, Responsive Design
Project 'The Fit Club'
A demo fitness club website showcasing class schedules, memberships, and modern UI sections. Built with a mobile-first responsive design, the project emphasizes clean layout structure, intuitive navigation, and consistent visual hierarchy.
Stack: HTML, CSS, JavaScript, Responsive Design
Project 'Property Pulse'
A full-featured real estate platform where authenticated users can browse listings, send text messages directly to sellers, and manage their own accounts. The project features user authentication with NextAuth, dynamic property listings stored in MongoDB, image management via Cloudinary, interactive maps with Mapbox, and a seamless responsive UI built with Next.js and Tailwind CSS.
Stack: Next.js, Tailwind CSS, MongoDB, NextAuth, Cloudinary, React Toastify, React Spinners
Responsive Landing Page 'Shortly'
A responsive landing page built with HTML and Tailwind CSS, featuring a custom JavaScript hamburger menu that demonstrates interactive navigation and mobile-first responsive design.
Stack: HTML, Tailwind CSS, JavaScript, Responsive Design
Responsive Landing Page 'FlowNote'
A responsive landing page built with HTML and Tailwind CSS, featuring a custom JavaScript hamburger menu that demonstrates interactive navigation and mobile-first responsive design.
Stack: HTML, Tailwind CSS, JavaScript, Responsive Design
Responsive Landing Page 'Fylo!'
A lightweight, cleanly structured landing page built with Tailwind CSS, featuring a built-in dark/light theme toggle. The selected theme is saved in localStorage, ensuring the user's preferred appearance is remembered across future visits. The project focuses on efficient layout, smooth UI transitions, and a polished user experience using utility-first styling.
Stack: HTML, Tailwind CSS, JavaScript, Responsive Design
Responsive Landing Page 'Loop Studios'
A responsive landing page built with HTML and Tailwind CSS, featuring a custom JavaScript hamburger menu and a gallery of high-quality images with hover effects. The project emphasizes clean layout structure, interactive visuals, and a mobile-first responsive design.
Stack: HTML, Tailwind CSS, JavaScript, Responsive Design
Responsive Landing Page 'Bookmark Manager'
Bookmark Manager is a responsive landing page focused on usability and visual clarity. It demonstrates tab navigation, interactive content panels, and a clean layout designed to present a simple solution for managing and accessing bookmarks effortlessly.
Stack: HTML, Tailwind CSS, JavaScript, Responsive Design
Movie Wiki - a simple React app for discovering movies
Movie Wiki is a simple React app for discovering movies and managing your personal watched list. Search for movies, view details, and track the films you've seen—all with a clean and interactive UI. Its fetching data from The Movie Database (TMDb) API.
Stack: Vite, CSS, JavaScript. API: The Movie Database (TMDb), designed for desktop only
Worldwide Cities - Frontend Edition
A frontend-only version of the Worldwide project. Users can browse a list of cities, view detailed information, add new cities, and delete existing ones. The app persists data locally using localStorage, ensuring added or removed cities remain after page reloads. Fully reactive, optimized with React context, hooks, and local state management without any backend dependency.
Stack: React, Vite, JavaScript, CSS, localStorage, Context API, useReducer, useCallback, useMemo. Fully frontend with persistent state.
BearBrick Black VIP - Poster Concept
A conceptual poster design exploring visual aesthetics. Created as a design exploration and hosted on Behance.
Stack: Adobe Photoshop, Figma