Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 6a6d4cf

Browse files
author
Times Urunov
committed
2 parents 39de6cf + e845261 commit 6a6d4cf

File tree

2 files changed

+7
-242
lines changed
  • Part-9.SpringBoot-React-Projects

2 files changed

+7
-242
lines changed
Lines changed: 2 additions & 140 deletions
Original file line numberDiff line numberDiff line change
@@ -1,142 +1,4 @@
11

2-
# Spring Boot Projects - Full Stack
3-
Total projects provide Source Codes/Guides/App, indeed down below represents. We take an opinionated view of the Spring platform and several-party libraries so you can get started with as Spring Boot.
4-
5-
#
6-
![springMove1](https://user-images.githubusercontent.com/11626327/82535952-a5ec4500-9b82-11ea-97e1-688ac0d4410b.jpg)
72

8-
9-
## Configuration table
10-
11-
| Components | Technology |
12-
| :--- | :----: |
13-
| Frontend | BootStrap, Jsp/ React 16+ |
14-
| Backend | Spring Boot 2.1+, Java 8/Java 11+ |
15-
| Security | Spring Security, SSL, Form, https, JWT|
16-
| Database | JPA-Hibernate, H2, MySQL, Oracle, MangoDB, Postgresql|
17-
| API Documentation | Swagger API + (Hub)|
18-
| Client Build | npm, yarn, webpack|
19-
| Server Build| Maven / Gradle|
20-
| API testing| POSTMAN / insomnia|
21-
| Tool | Intellj Idea/VSC|
22-
23-
24-
# Part-1: Spring Boot Basics and Fundamentals with Projects
25-
(Attention: When You click RESOURE OR CODE, indeed, Detail explanations are inside the sources!)
26-
27-
* ### [ (resource](https://dev.to/hamdamboy/spring-boot-basics-and-fundamentals-with-projects-5967) / [ code) ]( https://github.com/Hamdambek/SpringBoot-Projects-FullStack/tree/master/Part-1%20Spring%20Boot%20Basic%20Fund%20Projects/SpringBootSourceCode) Getting Started with Spring Boot
28-
29-
* Installing Spring Boot + Maven (pom.xml) : (code) SpringBootFamilyMember
30-
* Spring Boot + Gradle : (code) Spring Gradle
31-
* Spring Boot 2 Hello World Application "Welcome-Back Again" : (code) SpringBootHelloWorld
32-
* Important Spring Boot Standalone : (code) SpringStandalone
33-
* Migrating from Spring to Spring Boot : (code) SpringDownloadFiles
34-
35-
* ### [ (resource](https://dev.to/hamdamboy/spring-boot-basics-and-fundamentals-with-projects-5967) / [ code) ]( https://github.com/Hamdambek/SpringBoot-Projects-FullStack/tree/master/Part-1%20Spring%20Boot%20Basic%20Fund%20Projects/SpringBootSources ) RESTfull API: Spring REST Template-Spring REST Client Methods
36-
37-
* Spring REST Client Methods (GET, POST, PUT and DELETE) : (code) SpringRestAPI
38-
* Spring Boot How to Change Port and Context Path : (code) SpringEmailProcess
39-
* Spring Boot2 Deploy WAR file to External Tomcat : (code) SpringWebJar
40-
* Bonus: Additional source codes
41-
42-
#
43-
44-
# Part-2: Spring Boot Configuration
45-
* ### [(resource](https://dev.to/hamdamboy/twitter-sms-services-spring-boot-possible-xml-configuration-2p9m)/[ code)]( https://github.com/Hamdambek/SpringBoot-Projects-FullStack/tree/master/Part-2%20Spring%20Boot%20Configuration ) Configuration in Practical way
46-
47-
* Spring Boot 2 + Java Based Configuration
48-
* Spring Boot 2 + XML Configuration
49-
* Migrating from Spring to Spring Boot
50-
#
51-
# Part-3: Spring Boot Annotations
52-
53-
* ### ([resource](https://dev.to/hamdamboy/cognitive-control-annotations-in-spring-boot-23io) / [ code ]( https://github.com/Hamdambek/SpringBoot-Projects-FullStack/tree/master/Part-3%20Spring%20Boot%20Annotations)) Practical Experience with Annotation
54-
55-
* Spring Boot Annotations Definiation and Practics
56-
* Spring Boot @EnableAutoConfiguration Annotation with Example
57-
* Spring Boot @SpringBootApplication Annotation with Example
58-
* Spring Boot - Creating Asynchronous Methods using @Async Annotation
59-
60-
#
61-
# Part-4: Spring Boot + REST API
62-
* ### ([resource](https://dev.to/hamdamboy/truly-there-is-no-difference-in-implementation-integrating-spring-with-jersey-and-integrating-jersey-with-spring-m2k)/ [ code ](https://github.com/Hamdambek/SpringBoot-Projects-FullStack/tree/master/Part-4%20Spring%20Boot%20REST%20API)) Database interconnections
63-
64-
65-
66-
67-
* Aspect Orient Programming (AOP) in Spring
68-
* Spring Boot 2 Hibernate 5 MySQL CRUD REST API Tutorial
69-
* Spring Boot 2 JPA MySQL CRUD Example
70-
* Spring Boot 2 CRUD REST APIs Validation Example
71-
* Spring Data JPA Auditing with Spring Boot 2 and MySQL Example
72-
* Spring Boot 2 Exception Handling for REST APIs
73-
* Spring Boot 2 Logging SLF4j Logback and LOG4j2 Example
74-
* Spring Boot 2 + Jersey REST + JPA + Hibernate 5 CRUD REST APIs
75-
* Spring Boot 2 - Scheduling Tasks
76-
* Spring Boot 2 RESTful API Documentation with Swagger 2
77-
* Spring Boot 2 - File Upload and Download Rest API Tutorial // LATEST
78-
#
79-
80-
# Part-5: Spring Boot + Web Application
81-
* ### (resource/[code](https://github.com/Hamdambek/SpringBoot-Projects-FullStack/tree/master/Part-5%20Spring%20Boot%20Web%20Application)) Web applicaiton develops
82-
83-
* Spring MVC + Spring Boot2 + JSP + JPA + Hibernate 5 + MySQL Example
84-
* Spring Boot 2 MVC Web Application Thymeleaf JPA MySQL Example
85-
* Spring Boot 2 - Spring MVC + Thymeleaf Input Form Validation
86-
* Spring Boot JPA Multiple Data Sources Example
87-
88-
#
89-
# Part-6: Spring Boot + Security
90-
* ### ([resource](https://dev.to/urunov/already-hacked-security-environment-of-the-system-1b82)/[code]( https://github.com/Hamdambek/SpringBoot-Projects-FullStack/tree/master/Part-6%20Spring%20Boot%20Security)) Security possiblities
91-
92-
* Spring Boot 2 + Spring MVC + Role Based Spring Security + JPA + Thymeleaf + MySQL
93-
* Authenticating a User with LDAP using Spring Boot and Spring Security
94-
* User Registration Module using Spring Boot 2 + Spring MVC + Spring Security + Hibernate 5 + Thymeleaf + MySQL
95-
#
96-
# Part-7: TEST: Spring Boot
97-
* ### (resource/[code](https://github.com/Urunov/SpringBoot-Projects-FullStack/tree/master/Part-7%20Spring%20Boot%20TEST)) Security possiblities
98-
99-
* Spring Data JPA + Repository Testing using Spring Boot + @DataJpaTest
100-
* Spring Boot 2 + REST APIs Integration Testing
101-
* Spring Boot 2 with JUnit 5 Testing Example
102-
#
103-
104-
# Part-8: Spring Boot Real Project [Backend and Frontend]
105-
* ### (resource/[code](https://github.com/Urunov/SpringBoot-Projects-FullStack/tree/master/Part-8%20Spring%20Boot%20Real%20Projects)) Project: Spring Boot (toddler steps)
106-
107-
* Spring Boot + PostgreSQL + JPA/Hibernate CRUD Restful API Tutorial
108-
* Spring Boot + Spring JDBC + MySQL CRUD (Simple Project)
109-
* Spring Boot Thymeleaf CRUD Example Tutorial
110-
111-
# Part-9: Full Stack [Spring Boot and React JS]
112-
* ### (resource/[code](https://github.com/Urunov/SpringBoot-Projects-FullStack/tree/master/Part-9.SpringBoot-React-Projects))
113-
114-
Included README inside the folder. There are several projects and more detail information.
115-
116-
* Part-1. FullStack : Spring Boot React JS CRUD Swagger API
117-
> Company Employee ver1. Full Stack
118-
- Spring Boot
119-
- ReactJS
120-
- Swagger API
121-
- Database (MySQL)
122-
123-
124-
125-
# Reference Resources
126-
* [ Spring Documentation](https://docs.spring.io/spring-boot/docs/current/reference/html/spring-boot-features.html#boot-features-kotlin)
127-
* [ Spring Annotation ](https://www.journaldev.com/16966/spring-annotations#spring-annotations-list)
128-
129-
* [ Spring MVC ](https://www.java67.com/2019/04/top-10-spring-mvc-and-rest-annotations-examples-java.html)
130-
131-
* [ Spring Books ](https://github.com/Hamdambek/SpringBoot-Projects-FullStack/tree/master/InAddition)
132-
133-
* [ Spring Boot React JS](https://www.tutofox.com/spring/crud-spring-boot-reactjs-api-rest-mysql-1-starter/)
134-
135-
* [Spring Boot React JS](https://www.youtube.com/watch?v=VhqG3SgRRRc&list=PLxnmNhAZjt7wHyMuaqkjXzKBBwAiCxIR7&index=13)
136-
137-
* [Spring Boot React Maven](https://www.youtube.com/watch?v=7XxH-G9ckeU)
138-
139-
* [Spring, MicroService, GraphQL, API](https://github.com/Java-Techie-jt)
140-
141-
142-
#
3+
## References
4+
1. [CRUD Spring Boot + Mongo DB](https://www.javaguides.net/2019/12/spring-boot-mongodb-crud-example-tutorial.html)

‎Part-9.SpringBoot-React-Projects/README.md

Lines changed: 5 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -2,106 +2,9 @@
22
# Spring Boot Projects - Full Stack
33

44
# Part-9: Full Stack [Spring Boot and React JS]
5-
* ### (resource/code)
6-
## Project-1. FullStack: Spring Boot React JS Database MySQL, CRUD example
7-
* Company Employee how to handle and using CRUD methods.
8-
### QUICK overview of React JS and Spring Boot
9-
* React is used to build user interface(UI) on the front end;
10-
* React is not a framework (unlike Angular, which is more opinionated)
11-
* React is an open-source project created by Facebook
12-
------------
13-
* Spring Boot to develop REST web service and Microservices
14-
* Spring Boot has taken Spring framework to the next level. That has drastically reduced the configuration and setup time required for spring projects
15-
* Spring Boot has possible configuration scratch to advanced, that actually matter to your application.
165

17-
18-
![Figure-1](https://user-images.githubusercontent.com/11626327/97261692-b1931480-1862-11eb-9c73-4eb6157c06fc.png)
19-
20-
--> `Frontend-side tools and technologies used:`
21-
* React
22-
* Modern JavaScript (ES6)
23-
* NodeJS and NPM
24-
* VS Code IDE
25-
* Create React App CLI
26-
* Bootstarp 4.5 and Axios HTTP Library
27-
28-
--> `Backend-side tools and technologies used: `
29-
30-
Backend represents 2 folders:
31-
* backend
32-
* backend + Swagger
33-
34-
* SpringBoot 2 +
35-
* Spring Data JPA (Hibernate)
36-
* Maven 3.2 +
37-
* JDK 1.8
38-
* Embedded Tomcat 8.5 +
39-
* MySQL Database (using tool workbench_)
40-
--> Prerequesites
41-
* Basic Knowledge with HTML / CSS
42-
* Basic Knowledge of JavaScript and Programming
43-
* Node.js and npm installed
44-
* React basic (from scratch )
45-
* Swagger UI (documentation & API testing_) // http://localhost:8080/swagger-ui.html#/
46-
47-
![Screen Shot 2020年11月12日 at 5 01 26 PM](https://user-images.githubusercontent.com/11626327/98912066-ef519780-2508-11eb-830f-590747a416c8.png)
48-
49-
* ReactJS Snippet Component (install VSC pluggin)
50-
51-
52-
Confuguration Router:
53-
54-
`npm install react-router-dom `
55-
56-
57-
In React.JS we should know about skelet of source in VSC:
58-
59-
`rcc` command given as :
60-
------------------------
61-
import React, { Component } from 'react';
62-
63-
class HeaderComponents extends Component {
64-
render() {
65-
return (
66-
<div>
67-
68-
</div>
69-
);
70-
}
71-
}
72-
73-
export default HeaderComponents;
74-
----------------------------
75-
76-
77-
## Project-2. FullStack: Spring Boot + React + Swagger API Shopping Mall Project
78-
------
79-
80-
81-
<img width="794" alt="Screen Shot 2020年11月10日 at 11 15 55 PM" src="https://user-images.githubusercontent.com/11626327/98685483-c2876e00-23aa-11eb-92ae-9012000c46bb.png">
82-
83-
## Project-4. Spring Boot AWS S3 Upload
84-
85-
![Screen Shot 2020年11月05日 at 11 31 02 AM](https://user-images.githubusercontent.com/11626327/98190535-94450100-1f5a-11eb-8019-804d32892b93.png)
86-
87-
AWS/ Bucket
88-
![Screen Shot 2020年11月05日 at 11 30 49 AM](https://user-images.githubusercontent.com/11626327/98190604-bb9bce00-1f5a-11eb-8b51-ebf75cd5215f.png)
89-
90-
## Project-6. Shopping Card.
91-
92-
The stack will be the following:
93-
94-
Java 10
95-
Maven as the build manager
96-
Spring Boot with Spring MVC as the server-side frameworks
97-
Thymeleaf as the server-side template engine
98-
React for the client-side interaction
99-
Bootstrap as the CSS framework.
100-
101-
102-
![Screen Shot 2020年12月16日 at 2 34 14 PM](https://user-images.githubusercontent.com/11626327/102309460-2c97c200-3fac-11eb-8ee6-917c6dff5679.png)
103-
104-
# Using and Recommendated List of References
105-
1. [Bootstarapping](https://getbootstrap.com/docs/4.5/getting-started/introduction/)
106-
2. [Full Stack: React and Spring](https://www.youtube.com/watch?v=S5AFJIfRxQU&list=PLGRDMO4rOGcNLnW1L2vgsExTBg-VPoZHr&index=14)
107-
3. [Shopping Card](https://pusher.com/tutorials/shopping-cart-java-react)
6+
7+
8+
## Reference
9+
1. [Mongo DB](https://docs.mongodb.com/manual/core/data-modeling-introduction/)
10+
2. [6 steps MongoDB](https://www.mongodb.com/blog/post/6-rules-of-thumb-for-mongodb-schema-design-part-1)

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /