https://github.com/bogdan016/onlinestore

Full-stack eCommerce web app built with Angular, Spring Boot, and MySQL.
https://github.com/bogdan016/onlinestore

angular bootstrap java mysql spring-boot typescript

Last synced: 3 months ago
JSON representation

Full-stack eCommerce web app built with Angular, Spring Boot, and MySQL.

• Host: GitHub
• URL: https://github.com/bogdan016/onlinestore
• Owner: Bogdan016
• Created: 2024-08-10T12:14:05.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-04-30T09:31:18.000Z (about 1 year ago)
• Last Synced: 2025-08-02T20:24:44.458Z (11 months ago)
• Topics: angular, bootstrap, java, mysql, spring-boot, typescript
• Language: TypeScript
• Homepage:
• Size: 56.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


##  OnlineStore

**OnlineStore** is a simple eCommerce web app where users can browse, search, and buy products.  

It's a full-stack project built with **Angular** (frontend), **Spring Boot** (backend), and **MySQL** (database).  

The goal is to provide a clean and fast shopping experience on both desktop and mobile.

---

###  Key Features

- View product details  

- Search by keyword  

- Add/remove items from cart  

- Checkout form  

- Fully responsive design (works on mobile)

---

###  Screenshots

![Product Page Screenshot](Frontend/angular-online-store/src/assets/images/Presentation/ProductPage.png)

![Search By Keyword Screenshot](Frontend/angular-online-store/src/assets/images/Presentation/SearchByKeyword.png)

![My Cart Screenshot](Frontend/angular-online-store/src/assets/images/Presentation/MyCart.png)

![OnlineStore Demo GIF](Frontend/angular-online-store/src/assets/images/Presentation/OnlineStoreDemo.gif)

![Checkout Demo GIF](Frontend/angular-online-store/src/assets/images/Presentation/CheckoutForm.gif)



  



(back to top)


---

##  Tech Stack

![Angular](https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white)

![Spring Boot](https://img.shields.io/badge/Spring_Boot-6DB33F?style=for-the-badge&logo=spring-boot&logoColor=white)

![MySQL](https://img.shields.io/badge/MySQL-4479A1?style=for-the-badge&logo=mysql&logoColor=white)

---

###  Getting Started

To run the project locally:

1. Clone the repository  

2. Run the backend (Spring Boot app)  

3. Run the frontend (Angular app)  

4. Access the app in your browser at `http://localhost:4200`

---

##  Resources

- [Angular Docs](https://angular.io/docs)  

- [Bootstrap Docs](https://getbootstrap.com/docs)  

- [Spring Initializr](https://start.spring.io/)  

- [Postman](https://www.postman.com/)  

- [Font Awesome](https://fontawesome.com)

(back to top)