E-commerce Web Application
This is a full-stack e-commerce web application built to deliver a complete online shopping experience with both customer and admin functionalities. Customers can browse products, place orders, and track their order status, while administrators manage products, categories, promotional codes, and order processing through a dedicated dashboard.
Check WebApp
🎯 Project Objective
The project was designed to simulate a real-world scalable e-commerce system with role-based access control, separating user and admin functionalities while maintaining a smooth, responsive, and production-ready experience.
✨ Key Features
👤 User Features
- User registration and secure authentication system
- Browse products with category-based filtering
- Add products to cart and place orders
- View order history
- Fully responsive and optimized shopping experience
🛠️ Admin Dashboard
- Secure admin login system
- Secure admin login system
- Create and manage promotional discount codes
- View and manage all customer orders
- Update order status (Ordered → Shipped → Delivered)
- Centralized control panel for full store management
Category
Web App Design & Development
Clients
Self project
Location
Ethiopia
Published
Mar 2026
🔐 Demo Credentials
To test the application:
- Admin Dashboard:
- Email:
admin@shop.com - Password:
admin123
- Email:
- User Access:
Users can register freely and access the platform immediately.
- Admin Dashboard:
🚀 Deployment & Links
🔗 Live Frontend: https://e-commerce-fe-liard.vercel.app/
🔗 Frontend GitHub Repository: https://github.com/yoni99sds/E-Commerce-Fe
🔗 Backend GitHub Repository:
https://github.com/yoni99sds/E-Commerce-Be
🧠 Tech Stack
- Frontend: React.js / Vue.js
- Styling: Tailwind CSS
- Backend: Node.js + Express.js
- Database: MongoDB
- Authentication: JWT-based authentication
- State Management: Context API
🚀 Outcome
The project was designed to simulate a real-world scalable e-commerce system with role-based access control, separating user and admin functionalities while maintaining a smooth, responsive, and production-ready experience.
💡 Summary
This project showcases practical full-stack development skills, combining frontend UI/UX design with backend API development and deployment to production environments.
