My Projects

A collection of projects I've worked on

πŸ›οΈ Attire – E-commerce Web App

πŸ›οΈ Attire – E-commerce Web App

Attire is a highly functional online store for women's apparel that was designed with a simple and easy-to-use shopping ui. Using React, Context API, and Reducers, I created the entire frontend design, ensuring responsive UI flows and seamless state management. Product search, authentication, cart/wishlist logic, and a secure checkout are all features of the app that are designed for usability and performance.

Key Features

  • Landing page with featured categories & products
  • Product listing with sorting & filtering
  • User authentication (login/signup)
  • Wishlist management
  • Cart management with quantity updates
  • Integrated Razorpay payment gateway
  • Toast notifications for all actions
  • Fully responsive UI
  • Backend powered by mockBee
ReactContext APIReducersRazorpaymockBee
🌐 Trend Wave – Social Media App

🌐 Trend Wave – Social Media App

Trend Wave is a modern social media site where users may create content, engage with others, and customize their profiles. I created dynamic interaction flows utilizing Tailwind CSS and Material UI, such as liking posts, commenting, following users, and updating profiles, all within a quick user interface. With the help of clean global state management, the app aims to create a seamless, real-time social experience.

Key Features

  • User authentication
  • Home feed & explore page
  • Like / unlike posts
  • Bookmarks page
  • Create, edit, and delete posts
  • Add/delete/edit comments
  • Follow / unfollow users
  • Search users
  • Edit profile & update avatar
  • Emoji picker & image uploads
  • Interactive alerts & loaders
  • Backend powered by mockBee
ReactuseContextReducersTailwindCSSReact hot toast
πŸ“‹ Task Manager – Full-Stack Task Management App

πŸ“‹ Task Manager – Full-Stack Task Management App

Task Manager is a full-stack application made to assist users in effectively tracking and organizing their work. I used Node.js, Express, and MongoDB to create the backend and React, TypeScript, and Material UI to build the frontend. The application provides an easy process for handling daily activities by supporting CRUD operations, several filters, and persistent storage.

Key Features

  • Add, update, and delete tasks
  • Filters by task name, assignee, date, and priority
  • Intuitive and responsive UI
  • Built with React + TypeScript + Tailwind + MUI
  • Backend using MongoDB + ExpressJS
  • Seamless frontend–backend communication
  • Clean, reusable components and structured routing
Node.jsExpress.jsMongoDBTypeScriptReact
πŸ—„οΈ OpenMetadata

πŸ—„οΈ OpenMetadata

An open-source framework called OpenMetadata was created to standardize data discovery, lineage, quality, observability, and governance within contemporary data ecosystems.

Key Features

  • Implemented onboarding flows to improve first-time user experience and guided setup steps
  • Worked on Hybrid Ingestion Agent to support scalable metadata ingestion across multiple environments
  • Added end-to-end Playwright test coverage to enhance reliability and prevent UI regressions
  • Fixed multiple UI and workflow bugs across the application to improve stability and user experience
  • Contributed to local Collate webserver integration, enhancing development workflows and debugging processes
ReactTypeScriptAntd
πŸ–ΌοΈ Image-Folio – Responsive Image Gallery Web App

πŸ–ΌοΈ Image-Folio – Responsive Image Gallery Web App

Using Tailwind CSS, Create React App, and modern front-end tools, Image-Folio is a clean and responsive image gallery application. This project showcases an effective component architecture, a clean user interface, and an emphasis on providing quick picture browsing and presentation experiences across devices.

Key Features

  • Fully responsive and mobile-friendly gallery layout
  • Built with React and Tailwind CSS
  • Search images by name for quick filtering
  • Download images directly with one click
  • Share image functionality for easy access across platforms
  • Optimized layout for seamless browsing experience
  • Clean, reusable component architecture
  • Deployed demo accessible via live link
React.jsTailwindReducer
πŸ“ To-Do – Simple Task Organizer

πŸ“ To-Do – Simple Task Organizer

To-Do is a simple, lightweight task-tracking web application designed to practice the fundamentals of TypeScript and React. With a simple, uninterrupted interface, it allows users to add and remove tasks fast. The project showcases a polished and user-friendly productivity tool by concentrating on component structure, state management, input handling, and seamless user feedback using toast notifications.

Key Features

  • Add and delete tasks
  • Simple and minimal UI for focused task tracking
  • Built with React and TypeScript
  • Interactive toast notifications (React Hot Toast)
  • Font Awesome icons for visual clarity
  • Clean state management and component structure
  • Responsive layout for mobile and desktop
ReactTypeScriptJest