I built FOG, a Steam-like game e-commerce website.
I created the frontend using HTML, CSS and JavaScript with pages like Home, Store, About, Support, Login, Cart and Game Details.
I connected the RAWG API through the Spring Boot backend to display game images, names, ratings, release dates and descriptions. I also added game categories like popular, top rated and upcoming games, along with a featured game slider and a section that displays four games.
For the backend, I used Java with Spring Boot and created REST APIs for fetching games and game details. I connected the project to MySQL using Spring Data JPA and Hibernate to store user information.
I added user registration and login. Passwords are encrypted using BCrypt before being stored. I also added session login, current user checking and logout functionality using Spring Security.
I added a cart feature using JavaScript and local storage. Users can open a game, view its details and add it to the cart.
I also updated the footer with social media links, account links and an email signup form with validation.
I kept the RAWG API key outside the frontend and made sure sensitive information was not pushed to GitHub.
This project helped me understand frontend and backend communication, REST APIs, Spring Boot, MySQL, authentication, API integration and Git.
i couldnt host it bcoz my bday was near ,hope u leave it :)
- 4 devlogs
- 36h