Skip to content

Commit aa6a1b8

Browse files
ganatanganatan
committed
Update README
1 parent e1f137f commit aa6a1b8

File tree

3 files changed

+150
-105
lines changed

3 files changed

+150
-105
lines changed

‎LICENSE‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
The MIT License
2+
3+
Copyright (c) 2018-2025 Ganatan
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in
13+
all copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21+
THE SOFTWARE.

‎README.md‎

Lines changed: 108 additions & 105 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
# Angular 20 , React 19 Examples Starter
1+
2+
# Angular 20 / React 19 Starter
23

34
<table>
45
<tr>
@@ -8,29 +9,34 @@
89
alt="Ganatan Angular Example Demo" width="140" height="140">
910
</a>
1011

11-
it's part of a repo series designed
12-
13-
to create a **Web Application with Angular 20**
14-
15-
* Featuring [**Angular 20.0.0**](https://github.com/angular/angular/releases) & [**Angular CLI 20.0.0**](https://github.com/angular/angular-cli/releases/)
16-
12+
This repository is part of a series designed to create production-ready web applications.
1713

18-
* See the [**Angular 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)
14+
### Angular 20
1915

16+
- Based on [**Angular 20.0.0**](https://github.com/angular/angular/releases)
17+
- Using [**Angular CLI 20.0.0**](https://github.com/angular/angular-cli/releases)
18+
- [Live Demo](#angular-live-demo)
19+
- [Quick Start](#angular-quick-start)
20+
- [Step-by-step Tutorial](#angular-tutorial)
21+
- [Getting Started Guide](#angular-getting-started)
2022

21-
to create a **Web Application with React 19**
23+
### React 19
2224

25+
- Based on [**React 19.1.0**](https://github.com/facebook/react/releases)
26+
- Using [**Create React App 5.0.1**](https://github.com/facebook/create-react-app/releases)
2327

24-
* Featuring [**React 19.1.0**](https://github.com/facebook/react/releases) & [**Create-react-app 5.0.1**](https://github.com/facebook/create-react-app/releases)
28+
</td>
29+
</tr>
30+
</table>
2531

2632
---
2733

2834
<div align="center">
2935

3036
## 🔧 Continuous Integration
3137

32-
[![Frontend Angular CI](https://github.com/ganatan/angular-react-starter/actions/workflows/frontend-angular.yml/badge.svg?branch=master)](https://github.com/ganatan/angular-react-starter/actions/workflows/frontend-angular.yml)
33-
[![Frontend React CI](https://github.com/ganatan/angular-react-starter/actions/workflows/frontend-react.yml/badge.svg?branch=master)](https://github.com/ganatan/angular-react-starter/actions/workflows/frontend-react.yml)
38+
[![Angular CI](https://github.com/ganatan/angular-react-starter/actions/workflows/frontend-angular.yml/badge.svg?branch=master)](https://github.com/ganatan/angular-react-starter/actions/workflows/frontend-angular.yml)
39+
[![React CI](https://github.com/ganatan/angular-react-starter/actions/workflows/frontend-react.yml/badge.svg?branch=master)](https://github.com/ganatan/angular-react-starter/actions/workflows/frontend-react.yml)
3440

3541
---
3642

@@ -44,156 +50,153 @@ to create a **Web Application with React 19**
4450

4551
---
4652

53+
## 🔴 Angular Live Demo
4754

48-
</td>
49-
</tr>
50-
</table>
51-
52-
# [Angular Live Demo](#angular-live-demo)
53-
Here is a working Angular live demo : https://angular.ganatan.com
55+
👉 https://angular.ganatan.com
5456

5557
<p align="center">
56-
<p align="center">
57-
<a href="https://angular.ganatan.com/">
58-
<img src="https://media.giphy.com/media/9BuBBLc7keCgRojp92/giphy.gif" alt="Angular 16 Example
59-
Application"/>
60-
</a>
61-
</p>
58+
<a href="https://angular.ganatan.com/">
59+
<img src="https://media.giphy.com/media/9BuBBLc7keCgRojp92/giphy.gif" alt="Angular App Preview"/>
60+
</a>
6261
</p>
6362

63+
---
6464

65-
# [Angular Quick start](#angular-quick-start)
65+
## ⚡ Angular Quick Start
6666

6767
```bash
68-
# choose a repo
69-
# download the example or clone the repo from github
7068
git clone https://github.com/ganatan/angular-react-starter.git
71-
72-
# download the example or clone the repo from gitlab
73-
git clone https://gitlab.com/ganatan/angular-react-starter.git
74-
75-
# change directory
76-
cd angular-react-starter
77-
cd frontend-angular
78-
79-
# install the repo with npm
69+
cd angular-react-starter/frontend-angular
8070
npm install
81-
82-
# start the server
8371
npm start
84-
8572
```
86-
in your browser go to [http://localhost:4200](http://localhost:4200)
8773

74+
Navigate to [http://localhost:4200](http://localhost:4200)
8875

76+
---
8977

90-
# [React Quick start](#react-quick-start)
78+
## ⚡ React Quick Start
9179

9280
```bash
93-
# choose a repo
94-
# download the example or clone the repo from github
9581
git clone https://github.com/ganatan/angular-react-starter.git
96-
97-
# download the example or clone the repo from gitlab
98-
git clone https://gitlab.com/ganatan/angular-react-starter.git
99-
100-
# change directory
101-
cd angular-react-starter
102-
cd frontend-react
103-
104-
# install the repo with npm
82+
cd angular-react-starter/frontend-react
10583
npm install
106-
107-
# start the server
10884
npm start
109-
110-
11185
```
11286

113-
in your browser go to [http://localhost:3000](http://localhost:3000)
87+
Navigate to [http://localhost:3000](http://localhost:3000)
11488

89+
---
11590

116-
# [Angular Tutorial](#angular-quick-start)
91+
## 📘 Angular Tutorial
11792

118-
Here is a step by step Tutorial : https://www.ganatan.com/en/tutorials/getting-started-with-angular
93+
👉 https://www.ganatan.com/en/tutorials/getting-started-with-angular
11994

12095
<p align="center">
12196
<a href="https://www.ganatan.com/en/tutorials/getting-started-with-angular">
122-
<img src="img/ganatan-angular-starter-github.png" alt="Demo example"/>
97+
<img src="img/ganatan-angular-starter-github.png" alt="Angular Tutorial Preview"/>
12398
</a>
12499
</p>
125100

126-
# [Angular Getting started](#angular-getting-started)
101+
---
127102

103+
## 🛠 Angular - Getting Started
128104

129-
## Installation
130-
* `npm install` (installing dependencies)
131-
* `npm outdated` (verifying dependencies)
105+
### Installation
106+
```bash
107+
npm install
108+
npm outdated
109+
```
132110

133-
## Development
134-
* `npm run start`
135-
* in your browser go to [http://localhost:4200](http://localhost:4200)
111+
### Development
112+
```bash
113+
npm run start
114+
```
115+
Go to [http://localhost:4200](http://localhost:4200)
136116

137-
## Production
138-
* `npm run build`
117+
### Production
118+
```bash
119+
npm run build
120+
```
139121

140-
## Linter
141-
* `npm run lint`
122+
### Linter
123+
```bash
124+
npm run lint
125+
```
142126

143-
## Tests
144-
* `npm run test`
145-
* `npm run coverage`
127+
### Tests
128+
```bash
129+
npm run test
130+
npm run coverage
131+
```
146132

133+
---
147134

148-
# [React Tutorial](#react-quick-start)
135+
## 📘 React Tutorial
149136

150-
Here is a step by step Tutorial : https://www.ganatan.com/en/tutorials/getting-started-with-react
137+
👉 https://www.ganatan.com/en/tutorials/getting-started-with-react
151138

152139
<p align="center">
153140
<a href="https://www.ganatan.com/en/tutorials/getting-started-with-react">
154-
<img src="img/ganatan-react-starter-github.png" alt="Demo example"/>
141+
<img src="img/ganatan-react-starter-github.png" alt="React Tutorial Preview"/>
155142
</a>
156143
</p>
157144

145+
---
158146

159-
# [React Getting started](#react-getting-started)
147+
## 🛠 React - Getting Started
160148

149+
### Installation
150+
```bash
151+
npm install
152+
npm outdated
153+
```
161154

162-
## Installation
163-
* `npm install` (installing dependencies)
164-
* `npm outdated` (verifying dependencies)
155+
### Development
156+
```bash
157+
npm run start
158+
```
159+
Go to [http://localhost:3000](http://localhost:3000)
165160

166-
## Development
167-
* `npm run start`
168-
* in your browser go to [http://localhost:3000](http://localhost:3000)
161+
### Production
162+
```bash
163+
npm run build
164+
```
169165

170-
## Production
171-
* `npm run build`
166+
### Linter
167+
```bash
168+
npm run lint
169+
```
172170

173-
## Linter
174-
* `npm run lint`
171+
### Tests
172+
```bash
173+
npm run test
174+
npm run coverage
175+
```
176+
177+
---
178+
179+
## 👨‍💻 Author
175180

176-
## Tests
177-
* `npm run test`
178-
* `npm run coverage`
181+
**Danny Collodet** – [LinkedIn](https://www.linkedin.com/in/dannyganatan) – [www.ganatan.com](https://www.ganatan.com)
179182

180-
# [Author](#author)
181-
* Author : danny
183+
---
182184

183-
## [Angular English Tutorials](#english-tutorials)
184-
- Installation - https://www.ganatan.com/en/tutorials/getting-started-with-angular
185-
- Tutorials Step by Step - https://www.ganatan.com/en/tutorials
185+
## 🌐 Tutorials
186186

187-
## [React English Tutorials](#english-tutorials)
188-
- Installation - https://www.ganatan.com/en/tutorials/getting-started-with-react
189-
- Tutorials Step by Step - https://www.ganatan.com/en/tutorials
187+
### Angular (EN)
188+
- [Getting Started](https://www.ganatan.com/en/tutorials/getting-started-with-angular)
189+
- [Step by Step Tutorials](https://www.ganatan.com/en/tutorials)
190190

191+
### React (EN)
192+
- [Getting Started](https://www.ganatan.com/en/tutorials/getting-started-with-react)
193+
- [Step by Step Tutorials](https://www.ganatan.com/en/tutorials)
191194

192-
## [Tutoriels Angular en français](#french-tutorials)
193-
- Installation - https://www.ganatan.com/tutorials/demarrer-avec-angular
194-
- Tutoriels Etape par étape - https://www.ganatan.com/tutorials
195+
### Angular (FR)
196+
- [Démarrer avec Angular](https://www.ganatan.com/tutorials/demarrer-avec-angular)
197+
- [Tutoriels complets](https://www.ganatan.com/tutorials)
195198

196-
## [Tutoriels React en français](#french-tutorials)
197-
- Installation - https://www.ganatan.com/tutorials/demarrer-avec-react
198-
- Tutoriels Etape par étape - https://www.ganatan.com/tutorials
199+
### React (FR)
200+
- [Démarrer avec React](https://www.ganatan.com/tutorials/demarrer-avec-react)
201+
- [Tutoriels complets](https://www.ganatan.com/tutorials)
199202

‎frontend-react/LICENSE‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
The MIT License
2+
3+
Copyright (c) 2018-2025 Ganatan
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in
13+
all copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21+
THE SOFTWARE.

0 commit comments

Comments
 (0)