Build a Discord-Connected Task Manager in Spring Boot & React
Hey friends!
In this longer form video, we go through the creation of a Task Application Server using Java Spring Boot to handle API requests for the CRUD operations of working with a Task.
We then put together a web frontend using React18 with a bit of CSS help from Bootstrap.
THEN we put together some small controller code in the Spring Boot backend to listen for events from a Discord Bot to work with our Task API. So awesome!
Get the Code! https://github.com/wazooinc/spring-bo...
===---=== Concepts ===---===
Spring Web
Spring Security
H2 Database
Spring JDBC API
React18
Discord Bot
Maven Packaging
===---=== Chapters ===---===
0:00:00 - Introduction
0:00:45 - Demo of Task Application and API
0:04:01 - Start.spring.io
0:05:41 - Laying out tasks in Trello
0:08:56 - Setting up and configuring Database
0:10:19 - Creating a Task Model
0:13:30 - Creating a Task Repository
0:14:26 - Creating a Task Service
0:18:50 - Creating a database seed
0:22:00 - Setting up WebSecurityConfig
0:25:00 - Configuring CORS
0:27:11 - Setting up the SPAController
0:31:41 - Setting up the Task REST Controller
0:43:48 - Running Create-React-App
0:48:08 - Updating the core App component
0:50:06 - Creating the Home component
0:51:19 - Creating the Navbar component
0:53:48 - Creating the Tasklist component
0:58:42 - Setting up API calls with fetch
1:05:05 - Creating the Task component
1:15:35 - Configure Spring Boot logging
1:19:51 - Setting up a form submit
1:25:47 - Setting up a New Task
1:31:09 - Adding Support to Maven for Packaging React
1:42:19 - Adding .env support to Spring Boot
1:46:42 - Adding Javacord to pom.xml
1:47:13 - Discord Developer Portal
1:52:54 - Setting up a Discord Controller and Messenger
2:04:24 - Wrapping Up
#Java
#SpringBoot
#Tutorial
🔗Resources & Links mentioned in this video:
Spring Initializr: https://start.spring.io/
Javacord Project: https://javacord.org/
Visual Studio Code: https://code.visualstudio.com/
Discord Developer Portal: / discord
👋🏻Connect with me:
Twitter: / eyuzwa