This is an e-commerce single-page application (SPA) portfolio project for selling shoes. The project is divided into three main components: server, client, and an admin panel, representing a fully functional end-to-end application.
The main user flow is as follows: a user selects products, adds them to the cart, logs in or signs up, makes a purchase, and the admin can then update the order status, which the user can view.
There are many more implemented features, such as:
- Searching
- Filtering
- Sorting
- Paggination
- Dynamic loading
- Item per page
- Alerts
- Statistics
- Sliders and more
The project is deployed on render.com and will be live:
For the clien: here
For the Admin Panel: here
** Because of the usage of free hosting plan you may not see the products at the beginning. Please give the server time to wake up.
As credentials for the client, you can register or use:
EMAIL: test@test.com
PASSWORD: test123
As credentials for the Admin Panel, please use:
ADMIN EMAIL: admin@admin.com
ADMIN PASSWORD: admin123
The server was build using Flask as backend freamwork and PostgreSQL as database. The code is organized via MVC design pattern. You can find detailed information about the server here
The client was build using React as frontend framework. The code is organized into components. You can find detailed information about the client here
The admin panel was build using React as frontend framework and the code is organized into components. Module imports were used for the css. You can find detailed information about the Admin Panel here
The Admin Panel doesn't have responsive design