1- # Angular 14 Example Modules
1+ # Angular 14 & React 18 Examples Modules
22
3- > An Angular starter kit featuring [ Angular 14.0.1] ( https://angular.io ) , [ Angular CLI 14.0.2] ( https://cli.angular.io/ )
3+ <table >
4+ <tr >
5+ <td >
6+ <a href =" https://www.ganatan.com/en " >
7+ <img src="./img/ganatan-about-github.png" align="right"
8+ alt="Ganatan Angular Example routing" width="140" height="140">
9+ </a >
410
5- > it's part of a repo series designed to create a Progressive Web App with Angular
11+ it's part of a repo series designed
612
7- # Web Application Live Demo
8- <p align =" center " >
9- <p align =" center " >
10- <a href="https://angular.ganatan.com/">
11- <img src="https://media.giphy.com/media/9BuBBLc7keCgRojp92/giphy.gif" alt="Angular 13 Example
12- Application"/>
13- </a>
14- </p >
15- </p >
13+ to create a ** Web Application with Angular 14**
1614
17- ## Quick start
15+ * Featuring [ ** Angular 14.0.1** ] ( https://github.com/angular/angular/releases ) & [ ** Angular CLI 14.0.2** ] ( https://github.com/angular/angular-cli/releases/ )
16+
17+
18+ * See the [ ** Live demo** ] ( #angular-live-demo ) , Test the repo with [ ** Quick start** ] ( #angular-quick-start ) and for more information Read the step by step [ ** Tutorial** ] ( #angular-tutorial ) or read the [ ** Getting started** ] ( #angular-getting-started )
19+
20+
21+ to create a ** Web Application with React 18**
22+
23+
24+ * Featuring [ ** React 18.1.0** ] ( https://github.com/facebook/react/releases ) & [ ** Create-react-app 5.0.1** ] ( https://github.com/facebook/create-react-app/releases )
25+
26+
27+
28+ # [ Angular Quick start] ( #angular-quick-start )
1829
1930``` bash
2031# choose a repo
2132# download the example or clone the repo from github
22- git clone https://github.com/ganatan/angular-modules.git
33+ git clone https://github.com/ganatan/angular-react- modules.git
2334
2435# download the example or clone the repo from gitlab
25- git clone https://gitlab.com/ganatan/angular-modules.git
36+ git clone https://gitlab.com/ganatan/angular-react- modules.git
2637
2738# change directory
28- cd angular-modules
39+ cd angular-react-modules
40+ cd angular
2941
3042# install the repo with npm
3143npm install
@@ -36,27 +48,67 @@ npm start
3648```
3749in your browser go to [ http://localhost:4200 ] ( http://localhost:4200 )
3850
39- ## Getting Started
4051
52+ # [ React Quick start] ( #react-quick-start )
4153
42- ### Installation
54+ ``` bash
55+ # choose a repo
56+ # download the example or clone the repo from github
57+ git clone https://github.com/ganatan/angular-react-modules.git
58+
59+ # download the example or clone the repo from gitlab
60+ git clone https://gitlab.com/ganatan/angular-react-modules.git
61+
62+ # change directory
63+ cd angular-react-modules
64+ cd react
65+
66+ # install the repo with npm
67+ npm install
68+
69+ # start the server
70+ npm start
71+
72+ ```
73+ in your browser go to [ http://localhost:3000 ] ( http://localhost:3000 )
74+
75+
76+ # [ Angular Getting started] ( #angular-getting-started )
77+
78+
79+ ## Installation
4380* ` npm install ` (installing dependencies)
4481* ` npm outdated ` (verifying dependencies)
4582
46- ### Developpement
83+ ## Development
4784* ` npm run start `
48- * in your browser [ http://localhost:4200 ] ( http://localhost:4200 )
85+ * in your browser go to [ http://localhost:4200 ] ( http://localhost:4200 )
4986
50- ### Production
87+ ## Production
5188* ` npm run build `
5289
5390## Tests
5491* ` npm run test `
5592
5693
57- ### Prototype Bootstrap 5
58- * ` change directory ` cd ui
59- * launch html pages in your browser
94+
95+ # [ React Getting started] ( #react-getting-started )
96+
97+
98+ ## Installation
99+ * ` npm install ` (installing dependencies)
100+ * ` npm outdated ` (verifying dependencies)
101+
102+ ## Development
103+ * ` npm run start `
104+ * in your browser go to [ http://localhost:3000 ] ( http://localhost:3000 )
105+
106+ ## Production
107+ * ` npm run build `
108+
109+ ## Tests
110+ * ` npm run test `
111+
60112
61113
62114### Author
@@ -65,8 +117,9 @@ in your browser go to [http://localhost:4200](http://localhost:4200)
65117### Documentation
66118
67119English Tutorials
120+ - Installation - https://www.ganatan.com/tutorials/bootstrap-with-angular
68121- Tutorials Step-by-Step - https://www.ganatan.com/tutorials/en
69122
70123Tutoriels en français
71- - Installation - https://www.ganatan.com/tutorials/modules -avec-angular
124+ - Installation - https://www.ganatan.com/tutorials/bootstrap -avec-angular
72125- Tutoriels Etape par étape - https://www.ganatan.com/tutorials
0 commit comments