Fullstack Ecommerce Project (Spring Boot and Angular):

Welcome to the Vitrine app! This is a comprehensive project that demonstrates the development of an e-commerce website using the Spring Boot framework for the backend and Angular for the front end.

Project Overview:

The project aims to create a fully functional e-commerce website with features such as user authentication, product catalog, shopping cart, order processing, and more. By combining Spring Boot and Angular, we leverage the strengths of both technologies to build a robust and responsive web application.

Technologies Used

Backend: Spring Boot

Frontend: Angular

Database: mySQL (You can choose other databases as well)

Authentication: JSON Web Tokens (JWT)

Features:

User Authentication: Users can sign up, log in, and log out. JWT tokens are used to manage user sessions.

Product Catalog: Display a list of products with details like title, price, and images.

Product Info: Display product information with details such as title, price and images, description, and the option to add to cart.

Product Search and Filtering: Users can search for products and apply filters to narrow down their search. (not realized yet)

Shopping Cart: Users can add products to their shopping cart, update quantities, and remove items.

Checkout and Orders: Users can proceed to checkout, enter shipping details, and place orders.

Setup Instructions:

=Backend (Spring Boot)=

Clone the repository and navigate to the backend directory: https://github.com/alekseylee/vitrine.backend.

Configure the application.properties file with your MySQL database settings.

Run the Spring Boot application using your preferred IDE or the command line: ./mvnw spring-boot:run.

=Frontend (Angular)=

Clone the repository and navigate to the frontend directory:https://github.com/alekseylee/vitrine.frontend.

Install the required packages: npm install.

Configure the API endpoint in the environment.ts file.

Run the Angular development server: ###ng serve or ###ng s --o.

Project Structure:

UML of project

backend: Contains the Spring Boot backend code.

frontend: Contains the Angular frontend code.

Project Mockup:

Home Page

Login Page

Signup Page

Account Page

Account Edit Page

Contributions

Contributions to the project are welcome! If you find any issues or want to add new features, feel free to fork the repository and submit a pull request.

License

This project is licensed under the MIT License.

Contact

If you have any questions or need assistance, you can contact me at alexey.li@email.com.

Thank you for your interest in the Vitrine App Project! We hope this project helps you learn and explore the capabilities of Spring Boot and Angular in building robust web applications.