My Projects

A collection of projects I've worked on

📌 Cardo – Full-Stack Project Management App

📌 Cardo – Full-Stack Project Management App

Cardo is a full-stack project management tool where teams organize their work into workspaces, boards, lists, and cards. I built the React and TypeScript frontend with Zustand for global state and Tailwind CSS for the interface, backed by an Express and Prisma REST API running on PostgreSQL. The app handles JWT authentication, role-based workspace membership, and per-card assignment, with the API deployed on Render and the client on Vercel.

Key Features

  • Workspaces with invited members and role-based access
  • Boards, lists, and cards for structuring work
  • Drag-and-drop cards between lists to track progress
  • Assign members to individual boards and cards
  • JWT authentication with bcrypt password hashing
  • REST API built with Express and Prisma
  • PostgreSQL database with versioned migrations
  • Global state management using Zustand
  • Protected and guest-only routes
  • Guided onboarding flow for new users
  • Responsive UI built with Tailwind CSS
ReactTypeScriptExpressPrismaPostgreSQLZustand
🛍️ 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
🗄️ 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