VSCode Icon

Projects

Things I've built — pulled straight from GitHub, so the stars, languages and demo links stay current.
tastetrace.vercel.app
TasteTrace Restora Client Site Application — live site screenshot
Featured

TasteTrace Restora Client Site Application

A TypeScript project with a deployed site — open the live demo to see it in action.

Built with
  • TypeScript
TypeScript0stars0forks
realtimesky.vercel.app
Weather App — live site screenshot

Weather App

A TypeScript project with a deployed site — open the live demo to see it in action.

  • TypeScript
Weather App
platecraft-ps.vercel.app
Platecraft Restaurant Management System — live site screenshot

Platecraft Restaurant Management System

A TypeScript project with a deployed site — open the live demo to see it in action.

  • TypeScript
Platecraft Restaurant Management System
kormopay.vercel.app
KormoPay ERP HR Payroll Application — live site screenshot

KormoPay ERP HR Payroll Application

A TypeScript project with a deployed site — open the live demo to see it in action.

  • TypeScript
KormoPay ERP HR Payroll Application
foodie-online.vercel.app
Foodie — Online Food Delivery — live site screenshot
E-commerce

Foodie — Online Food Delivery

A food-delivery storefront with restaurant browsing, category filters, offer banners and a live cart. Cart state runs through Redux Toolkit and is persisted to storage, so a half-finished order survives a refresh.

  • Next.js
  • TypeScript
  • Redux Toolkit
  • Redux Persist
  • +2 more
Foodie — Online Food Delivery
travel-and-tour-booking.vercel.app
TravelPerk — Travel & Tour Booking — live site screenshot
Booking platform

TravelPerk — Travel & Tour Booking

A travel booking front end spanning flights, hotels, tours, activities and visa services. The hero search panel switches between one-way, round-trip and multi-city modes without leaving the page, and the whole layout is built on a single Tailwind design scale.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • React
TravelPerk — Travel & Tour Booking
blood-donattion-ps.vercel.app
RedDrop — Blood Donation Network — live site screenshot
Social platform

RedDrop — Blood Donation Network

A blood-donation platform that connects donors, hospitals and volunteers in one place. Visitors search by blood group and location to find a nearby donor, or post an urgent request that surfaces at the top of the page.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Lucide Icons
RedDrop — Blood Donation Network
dentalcarebd.vercel.app
DentalCare BD — Dental Clinic — live site screenshot
Healthcare

DentalCare BD — Dental Clinic

A dental clinic site covering services, doctor profiles and appointment enquiries. Section reveals and hover states are choreographed with Framer Motion to keep the page feeling calm rather than busy.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • +1 more
DentalCare BD — Dental Clinic
mountbd-mccel.vercel.app
MCCEL — Construction Company — live site screenshot
Corporate site

MCCEL — Construction Company

A corporate site for a construction firm: project portfolio, service breakdown and company profile. Enquiries are delivered straight from the browser through EmailJS, so the site ships without a back end to maintain.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • EmailJS
  • +1 more
MCCEL — Construction Company
construction-chemicals.vercel.app
Construction Chemicals — Product Catalogue — live site screenshot
Corporate site

Construction Chemicals — Product Catalogue

A product catalogue for a construction-chemicals supplier, organised by category and application. Bundle analysis is wired into the build so the marketing pages stay light on the wire.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Bundle Analyzer
Construction Chemicals — Product Catalogue
nexcent-frontend-ps.vercel.app
Nexcent — SaaS Landing Platform — live site screenshot
SaaS marketing

Nexcent — SaaS Landing Platform

A pixel-faithful build of the Nexcent SaaS marketing design, mixing Ant Design layout primitives with Tailwind utilities and a small Sass layer for the bespoke sections.

  • Next.js
  • TypeScript
  • Ant Design
  • Tailwind CSS
  • +1 more
Nexcent — SaaS Landing Platform
clinicmaster-site.vercel.app
ClinicMaster — Clinic Management Site — live site screenshot
Healthcare

ClinicMaster — Clinic Management Site

A clinic-facing marketing and booking site built on an accessible Radix UI foundation. Appointment forms are validated end to end with React Hook Form and Zod, and the dashboard sections chart practice activity with Recharts.

  • Next.js
  • TypeScript
  • Radix UI
  • Tailwind CSS
  • +3 more
ClinicMaster — Clinic Management Site
tourly-landing-page-design.vercel.app
Tourly — Tour Landing Page — live site screenshot
Landing page

Tourly — Tour Landing Page

A tour-operator landing page built on a shadcn/Radix component set, with an Embla-powered destination carousel and a fully validated enquiry form.

  • Next.js
  • TypeScript
  • Radix UI
  • Tailwind CSS
  • +2 more
Tourly — Tour Landing Page
prantoshikder.github.io
Image Slider — live site screenshot
UI component

Image Slider

A dependency-free image slider with autoplay, manual controls and touch support, written in vanilla JavaScript.

  • HTML5
  • CSS3
  • JavaScript
Image Slider
client-side-creative-agency.web.app
Creative Agency — live site screenshot
Agency platform

Creative Agency

A creative-agency platform with a client-facing service catalogue and an authenticated area for placing and reviewing orders. Auth and data sit on Firebase, with a Material UI and Bootstrap interface on top.

  • React
  • React Router
  • Firebase
  • Material UI
  • +3 more
Creative Agency
restaurant-client-side.web.app
Restaurant Web Application — live site screenshot
E-commerce

Restaurant Web Application

A restaurant site with a browsable menu, item detail views and a cart, built on React Router with a React-Bootstrap interface and Slick carousels for the food showcases.

  • React
  • React Router
  • React Bootstrap
  • Slick Carousel
  • +1 more
Restaurant Web Application
athena-design-main.web.app
Athena Design — live site screenshot
Agency site

Athena Design

A design-studio site presenting the studio's work and services across routed pages, built on React Router and React Bootstrap.

  • React
  • React Router
  • React Bootstrap
Athena Design
power-x-gym-project.web.app
Power X Gym — live site screenshot
Fitness

Power X Gym

A gym and fitness site covering class schedules, trainer profiles and membership plans, styled with a Sass layer over Bootstrap.

  • React
  • React Router
  • Bootstrap
  • Sass
  • +1 more
Power X Gym
prantoshikder.github.io
Portfolio — Vanilla Build — live site screenshot
Portfolio

Portfolio — Vanilla Build

An earlier personal portfolio built without a framework — hand-written HTML, CSS and JavaScript with a fully responsive layout.

  • HTML5
  • CSS3
  • JavaScript
Portfolio — Vanilla Build
travel-master-website-2f549.web.app
Travel Master — live site screenshot
Booking platform

Travel Master

A travel booking site with destination browsing, ride and hotel selection and a Firebase-backed booking flow, with SweetAlert confirmations at each step.

  • React
  • React Router
  • Firebase
  • Material UI
  • +2 more
Travel Master
volunteer-network-8c79e.web.app
Volunteer Network — live site screenshot
Social platform

Volunteer Network

A volunteering platform where users sign in, register for an event on a chosen date and manage their commitments from a personal dashboard, with an admin view over every registration.

  • React
  • React Router
  • Firebase
  • Material UI
  • +2 more
Volunteer Network
prantoshikder.github.io
Hard Rock — Lyrics Search — live site screenshot
API app

Hard Rock — Lyrics Search

A lyrics search app: look up an artist, pick a track, and the full lyrics load from a public API — all in vanilla JavaScript with no framework.

  • HTML5
  • CSS3
  • JavaScript
  • REST API
  • +1 more
Hard Rock — Lyrics Search
prantoshikder.github.io
Responsive Restaurant Website — live site screenshot
Landing page

Responsive Restaurant Website

A fully responsive restaurant landing page with menu, gallery and reservation sections, built from scratch on a mobile-first CSS grid.

  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap
Responsive Restaurant Website
prantoshikder.github.io
PIN Matcher — live site screenshot
JavaScript app

PIN Matcher

A PIN generation and verification widget with attempt limits and live feedback, written in plain JavaScript to practise DOM state handling.

  • HTML5
  • CSS3
  • JavaScript
PIN Matcher
prantoshikder.github.io
Computer Vision — live site screenshot
Landing page

Computer Vision

A product landing page for a computer-vision service, converted from design to a responsive static build.

  • HTML5
  • CSS3
  • JavaScript
Computer Vision
prantoshikder.github.io
E-School — live site screenshot
Education

E-School

An online-learning landing site covering courses, instructors and enrolment, built as a static responsive front end.

  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap
E-School
prantoshikder.github.io
Panda E-commerce — live site screenshot
E-commerce

Panda E-commerce

A responsive e-commerce storefront — product grid, category navigation and cart UI — hand-built with HTML, CSS and Bootstrap.

  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap
Panda E-commerce
prantoshikder.github.io
Beatles — PSD to HTML — live site screenshot
Design conversion

Beatles — PSD to HTML

A pixel-accurate PSD-to-HTML conversion, rebuilt as a responsive layout that holds the original design's spacing and type scale at every breakpoint.

  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap
Beatles — PSD to HTML
prantoshikder.github.io
Veer — PSD to HTML — live site screenshot
Design conversion

Veer — PSD to HTML

Another PSD-to-HTML conversion, translating a layered design file into semantic, responsive markup.

  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap
Veer — PSD to HTML
prantoshikder.github.io
Personal Website — live site screenshot
Portfolio

Personal Website

A personal site presenting bio, skills and contact details, built as a lightweight static page.

  • HTML5
  • CSS3
  • JavaScript
Personal Website
prantoshikder.github.io
Web Portfolio — live site screenshot
Portfolio

Web Portfolio

A portfolio layout exercise focused on responsive grid work and typography, built with plain HTML and CSS.

  • HTML5
  • CSS3
  • JavaScript
Web Portfolio