This project is a simple e-commerce website powered by Angular 5 on the frontend and Spring Boot for the backend. For the full stack list please visit "Built With" section below.
- You can browse items or select an item from the showcase and preview.
- Browse section remembers your list choice, so even if you leave the page, when you come back you do not need to fetch products again.
- Your cart is saved on the database so you can login from different sources and still be able to use your cart.
- You can use discount coupons!
- You can store your information for faster purchase.
- You can view your orders and change your account settings.
- You can request a password forgot request and use the token in your mail.
- You can search items.
- Fully responsive and support for mobile and tablets!
This is a fully functional demo site and may have security vulnerabilities as user data is not encrypted with SSL. The provided codes are not ready for production and should only be used for education purposes.
What things you need to install
Angular CLI is recommended.
You need Tomcat server 8 or above installed or you can use embedded spring boot tomcat jar.
Locally installed MySQL or a MySQL server.
Compatible IDE, Intellij IDEA recommended for this project.
The codes are split into 3 sections.
frontend - Angular 5 ,
resource_server - Spring Boot Backend ,
authorization_server - A Spring Boot OAuth2 Authorization server.
To run the application fill the lines in resource server and authorization server application.properties as well as frontend application service urls.
For MySQL Database
SQL script can be found in the sql folder.
backend.sql is the basic user info and oauth2.sql is the tables for the oauth2 implementation.
For Tomcat Application Server
Use Tomcat 8.5.23 or above and compile to generate WAR file.
If you want you can use Spring Boot embedded tomcat JAR file and host it.
Keep in mind that both authorization and backend server's pom.xml is configured to compile a jar file.
- Angular - Angular 5 Frontend
- Rxjs - Reactive functions
- Ngrx Store - State management
- Bootstrap - UI Components
- NgBootstrap - Angular specific widgets
- FontAwesome - Icons
- Spring - Spring Boot resource and authorization server
- Hibernate - Object-relational Mapping
- OAuth2 - OAuth2 Authorization
- Jackson - JSON Object Mapping and data binding
- Lombok - Automatic generated methods
- MySQL - MySQL Database
- Connector/J - Connecting to MySQL Database Server
- Maven - Dependency Management
- CORS filter allows requests from every url.
- You might be interested is not functional at this version.
- Sometimes when you refresh the page loading cart stucks.
- No color selection at the item detail page.
- No admin panel at all as of yet.
- Shipping status only supports packaging and shipped ( 0-1 )
- The cargo firm options are hard coded in the frontend and backend does not check the selected cargo firm option.
- Some minor display bugs on mobile.
- The search function is case sensitive. It shouldn't be.
If you want to contribute to this project you can e-mail me - antkaynak1@gmail.com or you can pull request.
This project does not have versioning and made with learning purposes.
- Ant Kaynak - Initial work - Github
This project is licensed under the MIT License - see the LICENSE.md for details.
If you have any questions mail me - antkaynak1@gmail.com