react JS quick start

README.md

@@ -1,5 +1,7 @@
 # How To
 
+Quick guide on how to get started with common Frontend and Backend framework
+
 ## Prerequisites
 
 * [VS Code](https://code.visualstudio.com/)
@@ -13,7 +15,8 @@
 
 * Backend
   * [expressJS](./backend/expressJS/README.md)
-  * springboot
+  * [springboot](./backend/springboot/README.md)
 * Frontend
   * [reactJS](./frontend/reactJS/README.md)
-  * vueJS
+  * [vueJS](./frontend/vueJS/README.md)
+  * [nextJS](./frontend/nextJS/README.md)

frontend/nextJS/README.md

@@ -0,0 +1,5 @@
+# NextJS
+
+[Home](../../README.md)
+
+[Reference](https://nextjs.org/learn/basics/create-nextjs-app)

frontend/reactJS/README.md

@@ -1,11 +1,62 @@
 # React JS
 
+[Home](../../README.md)
+
+[Reference](https://reactjs.org/docs/create-a-new-react-app.html)
+
 Bootstrapping a project
 
-```shell
-npm install 
+```sh
+$ npx create-react-app myapp
+
+```
+
+Project structure
+
+```sh
+C:.
+|   .eslintcache
+|   .gitignore
+|   package-lock.json
+|   package.json
+|   README.md
+|
++---public
+|       favicon.ico
+|       index.html
+|       logo192.png
+|       logo512.png
+|       manifest.json
+|       robots.txt
+|
+\---src
+        App.css
+        App.js
+        App.test.js
+        index.css
+        index.js
+        logo.svg
+        reportWebVitals.js
+        setupTests.js
+```
+
+
+
+Run the server
+
+```sh
+$ cd myapp
+$ npm start
+
+Compiled successfully!
+
+You can now view myapp in the browser.
 
-npx create-react-app <projectname>
+  Local:            http://localhost:3000
+  On Your Network:  http://192.168.0.132:3000
 
+Note that the development build is not optimized.
+To create a production build, use npm run build.
 ```
 
+Browse [localhost](http://localhost:3000). React logo will be displayed

frontend/vueJS/README.md

@@ -0,0 +1,5 @@
+# Vue JS
+
+[Home](../../README.md)
+
+[Reference](https://vuejs.org/)