Excellence: E-commerce website
Abdo kh
❇️ 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
Like this project
Posted 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.
