How to Create a Currency Converter in HTML5 and Spring Boot

Intro Video - How to Create a Currency Converter web app in Spring
with sheepCow|5 years experience|Java
31351views
How to Create a Currency Converter in HTML5 and Spring Boot
- English
- Programming
Java
- Project length: 5h 37m
We are going to build a complete web app for converting between monetary currencies. The project can be separated into two parts: frontend design and backend design. The frontend will be designed using simple HTML5 and Backend will be developed with Java Spring Boot.
Overview
NOTE: For best results watch in 1080p!
Introduction
The project will be made in pair programming, which will create more discussion between developers and more opportunities for viewers to interact. In this project, we will cover the basics of Spring Boot java framework, HTTP requests, MVC architecture and some basic HTML5, CSS and JavaScript. In the end, you’ll have a fully working web app.
What are the requirements?
- You need to have at least some basic knowledge of Java and web languages.
What is the target audience?
- Learners who want to learn Spring Boot basics.
- Learners who want to start designing a basic web app from scratch.
- Viewers who are curious how a modern web app should work.
When are the streaming sessions (streaming schedule)?
Weekly 4 PM EDT (9 PM GTM+1) every Monday
Project Outline
Session 1: Setting-up the Environment
- Briefly describe the software to install
- Introduction to MVC pattern and RESTful API design
- Introduction to Spring Boot
- Setup the project skeleton
Session 2: Start communication with a third party API to get the current rates
- Implementation of a periodic task to get currency rates
- Introduction to Spring CrudRepository and Redis
- Storing the currency rates on Redis
Session 3: Design the endpoints
- Design the controllers, services, and repositories
- Wrap up the web service
Session 4: Unit testing
- Basics of unit testing
- Introduction to Mockito
- Implement unit tests
Session 5: Simple Frontend Design
- Design a simple HTML skeleton
Session 6: Frontend Communication with backend
- Call the HTTP server endpoints
- Implement the JavaScript logic