Sleakpick

A modern sneaker e-commerce platform designed for students to explore premium footwear collections, filter products by brand, view detailed sneaker pages, add items to cart, and complete purchases through a smooth and responsive checkout experience, while administrators gain access to a secure dashboard for managing products, tracking orders, updating inventory, and monitoring overall store operations efficiently.

React

Next.js

Node.js

Supabase

Tailwind CSS

View live project

Summary

This sneaker e-commerce platform is designed to deliver a smooth and modern shopping experience for students and sneaker lovers. The customer-facing application, built with Next.js, provides a fast, responsive, and SEO-friendly storefront where users can browse sneakers, filter products by brand, view detailed product information, add items to cart, track orders, and complete purchases securely. On the administrative side, the dashboard enables store managers to manage products, monitor orders, update inventory, handle customer activities, and oversee overall store operations efficiently.

Screenshots

Client UI

Tech Stack

Some of the Tool / Framework used :

Tailwind CSS: Utility-first CSS framework for fast, responsive, and customizable styling.
Next.js: React framework for building full-stack web apps with server-side rendering and routing.
Supabase: Backend platform providing database, authentication, and real-time APIs.
Auth.js: Authentication library for secure login flows and session management.

Features

Product Browsing: Users can explore a curated collection of sneakers with smooth navigation and a modern shopping experience.
Brand Filtering: Customers can quickly filter sneakers by popular brands such as Nike, Adidas, Puma, and more.
Detailed Product Pages: Each sneaker includes product images, descriptions, features, sizes, pricing, and delivery information.
Cart & Checkout: Users can add products to cart, manage quantities, and complete purchases through a seamless checkout flow.
Order Tracking: Customers can track their purchases using a unique Order ID and monitor order status updates.
Secure Authentication: Authentication system powered by Auth.js ensures secure access to customer accounts and admin routes.
Responsive Design: Optimized for mobile, tablet, and desktop devices to provide a smooth shopping experience everywhere.
Admin Dashboard: Admins can manage products, orders, and customer activities through a protected admin dashboard.
Order Management: Admins can update order statuses, manage cancellations, and monitor customer purchases efficiently.
Account Management: Users can manage their profile, view order history, and update account information securely.
Scalable Architecture: Built with Next.js and Supabase for high performance, scalability, and modern full-stack development.
Modern UI & UX: Designed with a clean and professional interface focused on usability, accessibility, and performance.

Back to Projects →