Skip to content

Commit 6a6d4cf

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

File tree

2 files changed

+7
-242
lines changed

2 files changed

+7
-242
lines changed

‎Part-9.SpringBoot-React-Projects/Project-7.SpringBoot-MongoDB-NoSQL-CRUD/README.md‎

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)