diff --git a/README.md b/README.md index f4e3425..625a473 100644 --- a/README.md +++ b/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 \ No newline at end of file + * [vueJS](./frontend/vueJS/README.md) + * [nextJS](./frontend/nextJS/README.md) \ No newline at end of file diff --git a/frontend/nextJS/README.md b/frontend/nextJS/README.md new file mode 100644 index 0000000..830d044 --- /dev/null +++ b/frontend/nextJS/README.md @@ -0,0 +1,5 @@ +# NextJS + +[Home](../../README.md) + +[Reference](https://nextjs.org/learn/basics/create-nextjs-app) \ No newline at end of file diff --git a/frontend/reactJS/README.md b/frontend/reactJS/README.md index 25b8dab..6e5d88e 100644 --- a/frontend/reactJS/README.md +++ b/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 + 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 \ No newline at end of file diff --git a/frontend/vueJS/README.md b/frontend/vueJS/README.md new file mode 100644 index 0000000..703baf9 --- /dev/null +++ b/frontend/vueJS/README.md @@ -0,0 +1,5 @@ +# Vue JS + +[Home](../../README.md) + +[Reference](https://vuejs.org/) \ No newline at end of file