FULL STACK MEME GENERATOR FROM SCRATCH WITH SPRING BOOT
Hey friends!
In this episode we're going to build our very own MEME GENERATOR using Java Spring Boot 2.7 and Angular 14
Source Code: https://github.com/wazooinc/spring-bo...
===---=== Concepts ===---===
Spring Web
Spring Security
H2 Database
Spring REST Controllers
Angular14
Angular components and routing
===---=== Chapters ===---===
0:00:00 - Introduction
0:00:55 - Demo
0:03:39 - Start.spring.io
0:05:14 - Open Project
0:07:15 - Creating MemeItem Model
0:09:34 - Creating MemeItemRepository
0:10:35 - Creating the SPAController
0:12:55 - Creating MemeItemService
0:18:10 - Creating a WebSecurity Config
0:22:18 - Starting on Angular 14.2.3
0:24:01 - ng new frontend
0:26:10 - looking at the generated Angular
0:27:33 - looking at angular.json
0:29:16 - setting up proxy.conf.json
0:31:27 - looking at app.component.html
0:32:00 - Importing Bootstrap
0:34:11 - Creating a Navbar Component
0:40:25 - Turning app.component into the main layout
0:41:00 - Looking at the Routes
0:43:00 - Fetching MemeItems via API
0:50:00 - Updating the MemeItemsController REST API
0:52:00 - Updating HomeComponent to render Table
0:55:00 - Base64 image data and BLOB's
0:56:30 - Generating the Designer Component
1:00:30 - Update Routes for Designer
1:03:45 - Using @ViewChild in Designer
1:15:55 - Adding the Anton Google Font
1:21:00 - Uploading image data to the server API
1:25:00 - Addressing CORS in Spring Boot
1:30:00 - Updating the MemeItemsController REST API
1:39:00 - Creating a Detail Component
1:44:00 - Updating the MemeItemsController REST API
1:46:00 - Supporting the Download button
1:49:00 - Summary
#Java
#SpringBoot
#Tutorial
🔗Resources & Links mentioned in this video:
Spring Initializr: https://start.spring.io/
Visual Studio Code: https://code.visualstudio.com/
Angular.io: https://angular.io/
👋🏻Connect with me:
Twitter: / eyuzwa