BUILD A TASK APPLICATION SERVER WITH DISCORD SUPPORT 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! 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: start.spring.io/​
Javacord Project: javacord.org/
Visual Studio Code: code.visualstudio.com/
Discord Developer Portal: / discord
👋🏻Connect with me:
Twitter: / eyuzwa

[@user-iu6yz6ck6h]

Very cool! 😀

[@wazoowebbytes]

Thanks! Hope you like it!

[@wazoowebbytes]

Hey all - had a fun time putting this project together, especially adding the Discord Bot support. Hope you find it useful!

[@jeroenadamdevenijn4067]

You could go beyond that with a project entity which could have multiple tasks related to it. Discord integration: a standard channel could be 'upgraded' to a 'project' with !project command, then a first task with the !task command. A task created will result in an API call to create a discord thread (sort of sub-channel). The thread title/description gets changed (so that the status 'backlog' will be part of it) and the taskid gets sent as a first message to the thread. Now you have a project mgmt. tool instead of a simple task mgmt. tool.

[@wazoowebbytes]

I LOVE that idea! Great thinking Jeroen!

[@jeroenadamdevenijn4067]

@@wazoowebbytes I've played around with this and reproduced what we are doing at my company, we're using RocketChat. And some added commands to change more properties of a task, eg. assignee or deadline. All that without having to leave our chat window. Chatops. The standalone UI stays handy for managing our kanban during meetings, but we prefer to manage our projects/tasks from our workspace which is RocketChat.

[@wazoowebbytes]

@@jeroenadamdevenijn4067 that's amazing - was at a place a few years ago that tried to adopt RocketChat but unfortunately we weren't getting too much adoption from other teams - we were also attempting to go the Chatops route, but didn't get to the depth that it sounds like you're able to! nice work!

[@ardengoglia8034]

p̳r̳o̳m̳o̳s̳m̳ 😃