An open API service indexing awesome lists of open source software.

https://github.com/rominalodolo/udemyspringboot_react_java

Udemy course
https://github.com/rominalodolo/udemyspringboot_react_java

azure devops docker gcp java kubernetes react spring-boot

Last synced: 9 days ago
JSON representation

Udemy course

Awesome Lists containing this project

README

          

# Go Java Full Stack with Spring Boot and React

> Udemy course by Ranga Karanam
>
> Get the course here: [Link](https://www.udemy.com/course/full-stack-application-with-spring-boot-and-react/)
>
> Github Source Code: [Link](https://github.com/in28minutes/full-stack-with-react-and-spring-boot)

Intallations:

[NodeJs](https://nodejs.org/en/download/)
This package has installed:
- Node.js v16.16.0 to /usr/local/bin/node
- npm v8.11.0 to /usr/local/bin/npm

Make sure that `/usr/local/bin` is in your $PATH.

![version](https://user-images.githubusercontent.com/83961643/179249144-1a6438c9-9084-4920-9ccb-6c581d975e77.jpeg)
![npm](https://user-images.githubusercontent.com/83961643/179249153-1d29453f-8404-4b13-996b-b91d85ae11bd.jpeg)

![npm](https://user-images.githubusercontent.com/83961643/179249812-0edb12f4-c001-41f0-a3f5-e9811797f164.jpeg)

The Created JSON file opened in VS code:
![json](https://user-images.githubusercontent.com/83961643/179250345-797403f3-8309-4174-b888-65dc2d0115d9.jpeg)

`npm install jquery`

![jq](https://user-images.githubusercontent.com/83961643/179250663-fba1da12-b83c-404f-9a05-999a27f403ff.jpeg)

Creating the Todo App:

![to](https://user-images.githubusercontent.com/83961643/179256068-b6440271-aed4-4df6-a0d3-32295d80490a.jpeg)
![react](https://user-images.githubusercontent.com/83961643/179256771-32de639f-1dac-4364-93b1-1f34b6705975.jpeg)

Opening up the app in VS code:

![vs](https://user-images.githubusercontent.com/83961643/179257523-3c5cee29-bc08-43b1-b6fe-332c3351a4d6.jpeg)

> Spring Boot Tutorial For Beginners: [Link](https://www.youtube.com/watch?v=pcdpk3Yd1EA)
>
> JPA And Hibernate Tutorial For Beginners with Spring Boot and Spring Data JPA: [Link](https://www.youtube.com/watch?v=MaI0_XdpdP8)

Update in React vs the course code:

![error](https://user-images.githubusercontent.com/83961643/180209456-1432a788-be3d-4e9b-bbfa-2fb841d404a6.jpeg)
![code](https://user-images.githubusercontent.com/83961643/180209579-83b2c570-fd4b-4578-b997-25d378e7ddef.jpeg)

Understanding how React works:
![understanding](https://user-images.githubusercontent.com/83961643/180226716-783989b6-8dab-4d80-821d-bf72a0b8698c.jpeg)

App.js File before I update with the counter app

![app1](https://user-images.githubusercontent.com/83961643/180250654-e03ac990-ccc5-4815-a360-686e09ef34bf.jpeg)
![app](https://user-images.githubusercontent.com/83961643/180249631-351fa2a9-2a2b-48b0-95c9-63326aed957b.jpeg)

Counter App Working:

![counter app working](https://user-images.githubusercontent.com/83961643/180251637-d747838d-86a1-457b-8930-22f3cebd038e.jpeg)

![ink](https://user-images.githubusercontent.com/83961643/180253124-0b54133f-8cee-43d7-b789-bd499d6bb324.jpeg)

![app](https://user-images.githubusercontent.com/83961643/180253605-3c1da39d-5c95-450c-98cd-a8d6358c36ca.jpeg)

Final Version of the Counter App:

![counterappFinal](https://user-images.githubusercontent.com/83961643/180486931-adf01b5c-f8cc-44b8-b92a-b4a946fabeab.jpeg)

The ToDo Application:

Creating the restful-web-services app

![initialize](https://user-images.githubusercontent.com/83961643/180814326-422094a9-aed0-42c7-ab4d-2113487f3535.jpeg)

![services](https://user-images.githubusercontent.com/83961643/180814354-4087efc5-8403-4bba-b3ef-afd9acc42b55.jpeg)

http://localhost:8080/hello-world

![testhello](https://user-images.githubusercontent.com/83961643/180819873-dd2206e7-aab2-45ba-84f6-31cb5c99649e.jpeg)
![testing](https://user-images.githubusercontent.com/83961643/180820037-de2c7647-2695-44ef-8fa7-3404dc8d438a.jpeg)

Change the GET Method to GetMapping only

![change](https://user-images.githubusercontent.com/83961643/180820209-3691c78c-d4b3-4338-8aa2-3d2bb2425960.jpeg)

http://localhost:8080/hello-world-bean

![working](https://user-images.githubusercontent.com/83961643/180828809-5ebf2f16-12d5-46e3-a7c7-cad6308c3ebf.jpeg)

![debug](https://user-images.githubusercontent.com/83961643/180829458-281667fb-8f0d-4d36-a22b-796f3e7ad0cd.jpeg)

Dispatcher servlet
![servlets](https://user-images.githubusercontent.com/83961643/180830044-510e088b-12bf-4543-8de6-b345f95dbc12.jpeg)

http://localhost:8080/hello-world/path-variable/romina

![name](https://user-images.githubusercontent.com/83961643/180847916-cd69dd19-a8f9-411c-88f2-be521a828611.jpeg)

![loginerrors](https://user-images.githubusercontent.com/83961643/181042653-8d595545-5050-42b4-86ac-9c237769d6af.jpeg)

Downloading Chrome extension:
![extension](https://user-images.githubusercontent.com/83961643/181219384-b9467f9f-6849-49c2-88ff-1ca67b886f92.jpeg)

Restlet Client changed to [Talend](https://info.talend.com/request_apiworkbench.html): [Check Press Releases](https://www.talend.com/about-us/press-releases/)

![save](https://user-images.githubusercontent.com/83961643/181219462-e75c1e28-41a2-49b9-982a-9d5426022ef7.jpeg)

![p](https://user-images.githubusercontent.com/83961643/181229960-275e4b5a-56f1-47f9-97c5-e49f0fa68a30.jpeg)

Adding the security Dependency

![addingdependency](https://user-images.githubusercontent.com/83961643/181365853-645a5d53-bb77-41ee-8d8b-f6c734302e26.jpeg)

Solving Your Problems with Basic Authentication

[Debugging Problems in Full Stack](https://github.com/in28minutes/in28minutes-initiatives/blob/master/The-in28Minutes-TroubleshootingGuide-And-FAQ/fullstack.md#basic-authentication-problems)

![login](https://user-images.githubusercontent.com/83961643/182184452-db82882f-7f79-4f72-a09d-28e2178700a3.jpeg)

![rangs](https://user-images.githubusercontent.com/83961643/182184457-e9382fd1-62c0-4aeb-b53b-0bbb3de0b303.jpeg)

![info](https://user-images.githubusercontent.com/83961643/182184470-f5abd5e7-0b85-4ab4-bd7b-28c96e3a158d.jpeg)

![todos](https://user-images.githubusercontent.com/83961643/182203588-bbbf32a7-6915-4bc9-a089-27f3e4323c22.jpeg)

Linking the Bootstrap:

![todoapp](https://user-images.githubusercontent.com/83961643/182203580-9447fe60-c92c-4a90-975c-f9e16ef99908.jpeg)

![invalid](https://user-images.githubusercontent.com/83961643/182207353-3a906383-1856-473c-9184-79fcae3a3a4d.jpeg)

[JWT](https://github.com/in28minutes/full-stack-with-react-and-spring-boot/blob/73ea92e4be99af40b9283b810a00a1ad0d0733f2/README.md)

![add](https://user-images.githubusercontent.com/83961643/182211372-ca07d0fc-c6b3-4858-b0cf-887b68b988e6.jpeg)

![code](https://user-images.githubusercontent.com/83961643/182211393-dccdb0ea-da1d-4132-bc63-c591c3fdf560.jpeg)

![app](https://user-images.githubusercontent.com/83961643/182211403-618f7371-d629-43d6-ad94-569a373db61c.jpeg)

![api](https://user-images.githubusercontent.com/83961643/182254694-cbc13cb7-3325-43c2-a074-55b87af7fd70.jpeg)

![console](https://user-images.githubusercontent.com/83961643/182254704-1112d61e-9335-4523-973c-3e861a40d02b.jpeg)

![correct](https://user-images.githubusercontent.com/83961643/182254717-cb729584-0817-4aa2-ab68-57fe9d632009.jpeg)

![data](https://user-images.githubusercontent.com/83961643/182254721-7384cfc9-af14-4618-aa75-afe4e7f13494.jpeg)

![JPA](https://user-images.githubusercontent.com/83961643/182256464-d4025697-284c-4994-a906-ae2162c41626.jpeg)

Last Edit: August 2022