โ๏ธ Project Overview:
โง About Excellence:
Excellence is a full-stack e-commerce website built and designed for selling school products like pens and notebooks. With an easy-to-navigate interface, users can quickly find and purchase their favorite items with just a few clicks, getting ready for the school year!
โคทLive demo: https://excellence-store.vercel.app

Product page
Technologies used:
Nextjs: Full-stack framework for both front-end and back-end.
PostgresSQL: Relational database management system.
DrizzleORM: High-performance ORM with full type safety for queries and mutations.
Noen: Serverless PostgreSQL database.
TailwindCSS: Utility-first CSS framework for styling.
Framer motion: Library for smooth and responsive animations.
Shadcn UI: Beautifully designed UI components.
Stripe: Secure payment processing.
Zustand: scalable state management library.
Resend: Service for sending and managing transactional emails effortlessly.
Vercel: For hosting.
Project content & structure:

Project Board
Home Page: Displays and presents products to buyers

Home page
Product Page: Dedicated page for each product, including its title, description, available colors, reviews, overall rating, and an order button.

Product page
Sign-In & Sign-Up Pages: For user registration and login.

Sign up page
Dashboard:
Settings Page: Allows users to modify and update their name, avatar, login password, and enable Two-Factor Authentication.

Settings page
Orders Page: Lists all orders along with their statuses.

Orders page
Create Product Page: Form for adding new products.

Create product page
Product Variants Page: Create and edit product variants.

Product variants page
Analytics Page: Displays sales and revenue insights with charts.

Analytics page
Items basket:

Items bag
Payment:

Stripe payment page
๐ธ Project Mockups
Feast your eyes! ๐

Home page

Phone version: Product page

Analytics page
2 likes ยท 16 views ยท Jan 31, 2025
I built Execellence, a highly adaptable minimalist E-commerce web application designed to cater customers needs with fluid and friendly user experience.