https://github.com/bartosz-ziolkowski/online-store

Online store with sneakers
https://github.com/bartosz-ziolkowski/online-store

angular css docker github-actions html java keycloak mysql postman redis rest-api scss spring-boot stripe swagger

Last synced: 3 months ago
JSON representation

Online store with sneakers

• Host: GitHub
• URL: https://github.com/bartosz-ziolkowski/online-store
• Owner: bartosz-ziolkowski
• Created: 2024-07-05T08:48:50.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-25T10:17:42.000Z (almost 2 years ago)
• Last Synced: 2025-01-18T00:27:12.927Z (over 1 year ago)
• Topics: angular, css, docker, github-actions, html, java, keycloak, mysql, postman, redis, rest-api, scss, spring-boot, stripe, swagger
• Language: HTML
• Homepage: https://butikdk.vercel.app
• Size: 6.24 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# ButikDK - online store with sneakers

## Overview

ButikDK is an e-commerce platform where you can buy shoes. It is a fully functional online store where, after registering, users can add selected products to their cart and then pay for them with a fictional payment card. I wanted to create this type of project because online stores are a standard, making it a valuable skill to have.

With this project, I aimed to further refine my skills in Java Spring Boot and Angular, but I wanted to take it a step further. I utilized Redis as a caching store for the shopping cart. Additionally, I integrated user authentication using a third-party application, specifically the popular Keycloak. Moreover, I implemented a payment gateway to enhance the user experience, using Stripe for this purpose.

## Screenshots

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724580618/xidoj1grbo6waqbulgye.png)

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724580618/puin4dotko4rt6lvzxl5.png)

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724580618/mncwnwszs2f2lt2o6lz8.png)

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724580618/t7snicf9d6bxbdncgrx0.png)

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724580618/b5fctpx3cgkj1adezhxt.png)

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724580618/pco3c45tpkfjroig0k0y.png)

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724580618/karblvpnslrnnvjfpbdy.png)

![alt text](https://res.cloudinary.com/dv7nhvy8e/image/upload/v1724580618/eqlzqtclaggjp8416ak2.png)

## Technologies

### Frontend

- Angular

- HTML

- Tailwind CSS + SCSS

### Backend

- Java Spring Boot

- Keycloak

- OpenAPI and Swagger UI Documentation

- Stripe API

### Other tools

- Docker

- MySQL

- GitHub Actions

- Redis

### Comments

- Set up CI/CD pipelines for both the client and server using GitHub Actions

- Utilized Redis as a caching store for the shopping cart

- Created REST API documentation using Swagger.

- Dockerized the database, Redis, Keycloak, server, and client, with published Docker images for the client and server

- Client was deployed on Vercel

## Live demo

Click below to watch the app walkthrough on YouTube

[![alt text](https://img.youtube.com/vi/exI64PAyCJ8/0.jpg)](https://www.youtube.com/watch?v=exI64PAyCJ8)