Pixel-perfect design meets performance-driven code

An e-commerce web application built with React and Firebase that simulates a modern clothing store experience. Users can browse a curated selection of streetwear items, add products to their cart, sign up or log in with Firebase authentication, and simulate the checkout process. The app was built as a full-featured Single Page Application (SPA) using React Router for seamless navigation and Redux for state management. Key features include: User authentication via Firebase, Persistent cart functionality, Dynamic product filtering, and Responsive design optimized for desktop and mobile. This project showcases practical frontend development skills including React architecture, context API integration, and deployment on Netlify with custom routing support. Ideal for demonstrating real-world SPA structure and client-side interactivity.

An interactive application that lets users generate their own custom gradient backgrounds in real-time. By selecting two colors of their choice, users can instantly preview how the gradient looks and even copy the CSS code to use in their own projects. Using JavaScript DOM manipulation, CSS styling via script, and enhancing user experience through real-time interactivity. Key features include: Live preview of linear gradient backgrounds, Color picker inputs for full customization, Auto-generated CSS code snippet for easy copying. This tool was designed with both developers and designers in mind—anyone looking to quickly create beautiful gradients and streamline their workflow.

A fun and interactive Pixel Art Maker allows users to design custom pixel art by dynamically generating a grid based on user-defined height and width. Users can select any color using a color picker and apply it to individual cells with a click, toggling colors on and off as they create. event-driven UI interactions. The project features: Real-time grid generation based on user input, Interactive cell coloring using a color picker, Clean toggle feature to remove or change cell colors, Responsive and intuitive user experience. This project not only demonstrates dynamic rendering and event handling, but also showcases creativity in combining code with user engagement.

A responsive and dynamic React application that fetches robot profile data from an external API and lets users search and filter through the robotic team in real-time. This project was built to demonstrate my skills in React component architecture, state management using Redux, and handling asynchronous API requests. Key features include: Live robot data fetched from an API using Redux-thunk, Real-time search functionality powered by Redux state, Scrollable list UI with error boundaries for better UX, Clean and modular code structure using React best practices. By combining Redux for global state control and ErrorBoundary for error handling, RoboSquad is a great example of building scalable, user-interactive front-end applications with robust data flow.

Samsara Ayurveda is a modern, responsive landing page built using semantic HTML5 for a premium cosmetic and skincare brand inspired by ancient Indian wellness traditions. The goal was to create a visually appealing and informative interface that blends elegance with functionality, while showcasing the brand’s heritage and product offerings.

I built The Xen Experience on Shopify as a fully branded wellness and lifestyle store, where I handled the end-to-end setup without custom coding. I designed the user interface using Shopify’s native customization tools, focusing on clean navigation, cohesive branding, and a high-converting layout that aligns with a luxury wellness aesthetic. I curated and linked affiliate products strategically across categories like beauty, wellness, and lifestyle, ensuring smooth product discovery and a user-friendly shopping experience. Additionally, I create all of my own original blog content, integrating real life experiences and design to engage visitors and drive organic traffic.