I am a passionate Full-Stack Web Developer with hands-on experience in building production-ready applications. My focus lies in creating modern architectures with a strong emphasis on authentication, role-based access control, and data integrity. I enjoy tackling real-world challenges and am always eager to learn more about web technologies.
Skills
Experience Level
Work Experience
Education
Qualifications
Industry Experience
- 🛒 Customer Storefront — Browse products, categories, and complete purchases
- 📊 Admin Dashboard — Full CRUD operations for products, categories, inventory, and orders
- 🔐 Role-Based Access Control — Admin, demo admin (limited write access), and customer roles
- 🖼️ Image Management — Multi-image uploads with Supabase Storage integration
- 🎨 Dark/Light Theme — System-aware theme switching with persistent preferences
- 📱 Responsive Design — Mobile-first approach with collapsible sidebar navigation
- 🔗 [Live Demo](https://www.twine.net/signin — Try the demo admin experience
- 📂 [GitHub Repository](https://www.twine.net/signin — View the source code
- 📧 https://www.twine.net/signin — Discuss this project
Project Overview
Hexa Shop is a modern, full-stack e-commerce platform built with the latest web technologies. The application features a customer-facing storefront and a comprehensive admin dashboard for managing products, categories, orders, and store settings.
The platform was designed with scalability, developer experience, and modern UX patterns in mind, leveraging React Server Components for optimal performance and Supabase for a complete backend-as-a-service solution.
Key Features
Technologies Used
Frontend
| Technology | Purpose |
|---|---|
| Next.js 16 | App Router, React Server Components, SSR |
| React 19 | Latest React features including use hooks |
| Tailwind CSS v4 | Utility-first styling with CSS variables |
| shadcn/ui | Accessible component library (new-york style) |
| TanStack Query | Server state management and caching |
| TanStack Table | Headless table for data grids |
| React Hook Form + Zod | Type-safe form handling and validation |
| TipTap | Rich text editor for product descriptions |
| Lucide React | Icon library |
Backend & Infrastructure
| Technology | Purpose |
|---|---|
| Supabase | PostgreSQL database, Auth, Storage |
| Supabase Auth | OAuth (Google), email/password authentication |
| Supabase Storage | Image uploads with 2MB file size limits |
| Next.js Server Actions | Type-safe server mutations with revalidation |
| Middleware | Route protection for admin paths |
Links
Hire a Full Stack Developer
We have the best full stack developer experts on Twine. Hire a full stack developer in Dhaka today.