Showcase

All Projects

Browse the full set of featured builds

Back to home
skinstric.ai

Skinstric.ai

Skinstric.ai is an interactive skincare assistant that helps users discover personalized skincare insights and explore products or routines, combining clean design with smooth API integration, and component architecture. This was a paid internship project.

Utilized react-webcam and converted to base64, transformed data to visual using ChartJS, Showcased ability to convert Figma‑style designs into pixel‑perfect, production‑ready UI

React.jsTailwindreact-webcambase64AxiosChartJSFigmaVercel
ImmigrationPro

ImmigrationPro

ImmigrationPro is a production-style single-page application designed for an immigration consultancy workflow. I implemented a full client-facing experience with multilingual support (English/French), a structured services presentation, a request submission flow connected to Firebase Firestore, and an application tracking interface with progress stages.

Used React 19 + TypeScript, built with Vite for fast development. The UI is built with Chakra UI components, styled with Emotion, and includes animations via Framer Motion. Handled state management with Redux Toolkit, navigation with React Router DOM v7, internationalization for multi-language support. authentication and data storage with Firebase. UI theming includes light/dark mode support with Next Themes, used icons from Chakra Icons and React Icons. Development tools include ESLint with TypeScript support for code quality and linting.

React 19TypeScriptViteChakra UIEmotionFramer MotionRedux ToolkitReact Router DOM v7i18next for internationalizationFirebaseNext Themes for themingChakra IconsReact Icons for iconographyESLint
transitImportExport

Transit Import Export

Transit Import Export is an interactive logistics assistant that helps users manage and track shipments, combining clean design with smooth API integration, and component architecture. This was a paid internship project.

Used React 19 + TypeScript, built with Vite for fast development. The UI is built with Chakra UI components, styled with Emotion, and includes animations via Framer Motion. Handled state management with Redux Toolkit, navigation with React Router DOM v7, internationalization for multi-language support. authentication and data storage with Firebase. UI theming includes light/dark mode support with Next Themes, used icons from Chakra Icons and React Icons. Development tools include ESLint with TypeScript support for code quality and linting.

React 19TypeScriptViteChakra UIEmotionFramer MotionRedux ToolkitReact Router DOM v7i18next for internationalizationFirebaseNext Themes for themingChakra IconsReact Icons for iconographyESLint
Book summaries

Summarist

Summarist is a clean, modern web application that delivers concise, high‑quality book summaries through a fast and intuitive reading experience. The project focuses on performance, accessibility, and reusable component architecture

Demonstrated strong frontend fundamentals through clean architecture, modular code, and predictable state management, Implemented a full code‑quality pipeline using Biome, TypeScript, Husky, and GitHub Actions

Next.jsFirebaseTailwindCSSTypeScriptBiomeType-CheckingGitHub Actions CI pipelineHusky
Ultraverse NFT Marketplace

Ultraverse-NFT Marketplace(Internship project)

Ultraverse is a responsive NFT marketplace project developed during an internship. It focuses on exploring real-world frontend development practices: component architecture, responsive UI design, and data-driven rendering. This was an internship project.

Built reusable, scalable components that streamlined UI development and reduced duplicate code

ReactTypeScriptPWAMaps
Netflix Clone

Netflix-Clone

Netflix Clone is a responsive prototype replicating the Netflix login experience and grid layout. It highlights modern UI composition, responsive design, and component reusability in a simplified authentication context. Implemented a Vite + React frontend, React Router for client routing, and Firebase Auth for secure sign‑in flows; deployed on Vercel and audited with Lighthouse.

A responsive Netflix‑style authentication UI and grid with reusable modular components, client routing, and Firebase‑backed auth.

React.jsTailwindCSSJavaScript
Library Store

Library-Store

Library-Store is a modern e-commerce bookstore web application built with Next.js 14 and Redux Toolkit. The app allows users to browse books, view book details, and manage a shopping cart with global state management. It uses Next.js App Router, client components, and optimized UI features like skeleton loaders and responsive design to provide a fast and smooth user experience.

Library-Store shows how modern tools like Next.js 14 and Redux Toolkit can build a fast and smooth online bookstore. It improves user experience with fast page loading, easy book browsing, and simple cart management.

Next.js 14CSSJavaScriptRedux ToolkitVercel