Excellence: E-commerce website by Abdo khExcellence: E-commerce website by Abdo kh

Excellence: E-commerce website

Abdo kh

Frontend Engineer

Web Designer

Web Developer

Framer

Next.js

PostgreSQL

E-Commerce

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.

Likes

Views

For independents

For companies

For companies Manage team projects Share hiring workspace Post jobs Discover contractors Sign contracts Approve invoices Global payments & tax compliance

Use Cases

For companies For freelancers For creator tools For agencies For VCs

Resources

Hire Freelancers

Explore all Top independents Design Engineering Marketing Music & audio Social media Video & animation Product Business consulting & HR Other

Contact

Contact support

Company

Mission Careers Terms & conditions Privacy policy Cookie policy

Excellence: E-commerce website

Abdo kh

Frontend Engineer

Web Designer

Web Developer

Framer

Next.js

PostgreSQL

E-Commerce

❇️ 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.

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! 😉