Главная
Study mode:
on
1
Start of the Video
2
Tutorial Intro
3
GitHub and Starter code review
4
Creating Quarkus code from template
5
Starting Quarkus App first time
6
Quarkus code review in IntelliJ IDE
7
Understanding Quarkus code
8
Chakra UI Code from GitHub
9
Bonus Chakra UI Tutorials Intro
10
Chakra UI Code Details
11
Opening & Editing Chakra UI code in VSCode
12
Step 1 - setupProxy.js added with code
13
Step 2 - Adding GET/POST API function in Chakra UI
14
Step 2.1 - Using GET API in Chakra UI FrontEnd
15
Step 2.2 - Chakra UI FrontEnd connected with Quarkus
16
Step 2.3 - Updating Chakra UI FrontEnd Code
17
Step 3 - Adding Post API call in Chakra UI
18
Step 4 - Updating Quarkus Java code for POST support
19
Post API connection verification
20
Recap
21
Bonus Tutorial CoreUI with Python backend
22
Credits
Description:
Learn how to connect a Chakra UI frontend to a Quarkus Java backend in this comprehensive tutorial. Follow a step-by-step guide to create a full-stack application, starting with setting up a Quarkus backend with API endpoints and progressing to building a React-based Chakra UI frontend. Master the process of integrating both components, including implementing GET and POST requests, adding a development proxy server, and rendering API responses. Gain practical experience in full-stack development while working with modern technologies like Quarkus for scalable backend services and Chakra UI for building accessible React applications. By the end of this 41-minute video, you'll have a functional full-stack application and the skills to create your own projects combining these powerful technologies.

Connect Chakra UI Frontend to Quarkus Java Backend in 4 Easy Steps

Prodramp
Add to list
0:00 / 0:00