Project Overview
Objective
Using Angular in the frontend and Springboot in the backend to build a web shop.
Github-frontend:
https://github.com/sms165/snakeporium-frontendGithub-backend:
https://github.com/sms165/snakeporium-backendHostinger (live version):
https://snakeporium.yblackbox.comPlanning
User Stories
- As a user, I want to be able to view all the snakes available to buy and put them in my shopping cart.
- As a user, I want to be able to view my shopping cart, delete, add and update my shopping cart.
Style Guide
Color Palette
I oriented the style of the website on a snake skin background and neutral simple colors.
Background Image:
AI Generated from Gemini AI
Images
AI-Generated:
Free Image from Gemini AI
AI Generated:
Free Image from Gemini AI
Development
Technologies Used
- Angular
- Typescript
- HTML
- CSS
- Material Design
- Java SpringBoot
Challenges:
-
I faced many challenges along the way for example incoporating AI into to side to dynamically load more information about each snake on the detail page.
-
I was finally able to solve this problem myself using online resources and the documentation provided by Gemini for its APIs.