Skip to content

Commit 72611e7

Browse files
ganatanganatan
committed
Update README
1 parent aa6a1b8 commit 72611e7

File tree

1 file changed

+105
-109
lines changed

1 file changed

+105
-109
lines changed

‎README.md‎

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

43
<table>
54
<tr>
@@ -9,34 +8,29 @@
98
alt="Ganatan Angular Example Demo" width="140" height="140">
109
</a>
1110

12-
This repository is part of a series designed to create production-ready web applications.
11+
it's part of a repo series designed
1312

14-
### Angular 20
13+
to create a **Web Application with Angular 20**
1514

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)
15+
* Featuring [**Angular 20.0.0**](https://github.com/angular/angular/releases) & [**Angular CLI 20.0.0**](https://github.com/angular/angular-cli/releases/)
2216

23-
### React 19
2417

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)
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)
2719

28-
</td>
29-
</tr>
30-
</table>
20+
21+
to create a **Web Application with React 19**
22+
23+
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)
3125

3226
---
3327

3428
<div align="center">
3529

3630
## 🔧 Continuous Integration
3731

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)
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)
4034

4135
---
4236

@@ -50,153 +44,155 @@ This repository is part of a series designed to create production-ready web appl
5044

5145
---
5246

53-
## 🔴 Angular Live Demo
5447

55-
👉 https://angular.ganatan.com
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
5654

5755
<p align="center">
58-
<a href="https://angular.ganatan.com/">
59-
<img src="https://media.giphy.com/media/9BuBBLc7keCgRojp92/giphy.gif" alt="Angular App Preview"/>
60-
</a>
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>
6162
</p>
6263

63-
---
6464

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

6767
```bash
68+
# choose a repo
69+
# download the example or clone the repo from github
6870
git clone https://github.com/ganatan/angular-react-starter.git
69-
cd angular-react-starter/frontend-angular
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
7080
npm install
81+
82+
# start the server
7183
npm start
84+
7285
```
86+
in your browser go to [http://localhost:4200](http://localhost:4200)
7387

74-
Navigate to [http://localhost:4200](http://localhost:4200)
7588

76-
---
7789

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

8092
```bash
93+
# choose a repo
94+
# download the example or clone the repo from github
8195
git clone https://github.com/ganatan/angular-react-starter.git
82-
cd angular-react-starter/frontend-react
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
83105
npm install
106+
107+
# start the server
84108
npm start
109+
110+
85111
```
86112

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

89-
---
90115

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

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

95120
<p align="center">
96121
<a href="https://www.ganatan.com/en/tutorials/getting-started-with-angular">
97-
<img src="img/ganatan-angular-starter-github.png" alt="Angular Tutorial Preview"/>
122+
<img src="img/ganatan-angular-starter-github.png" alt="Demo example"/>
98123
</a>
99124
</p>
100125

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

103-
## 🛠 Angular - Getting Started
104128

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

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

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

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

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

133-
---
134147

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

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

139152
<p align="center">
140153
<a href="https://www.ganatan.com/en/tutorials/getting-started-with-react">
141-
<img src="img/ganatan-react-starter-github.png" alt="React Tutorial Preview"/>
154+
<img src="img/ganatan-react-starter-github.png" alt="Demo example"/>
142155
</a>
143156
</p>
144157

145-
---
146-
147-
## 🛠 React - Getting Started
148-
149-
### Installation
150-
```bash
151-
npm install
152-
npm outdated
153-
```
154158

155-
### Development
156-
```bash
157-
npm run start
158-
```
159-
Go to [http://localhost:3000](http://localhost:3000)
160-
161-
### Production
162-
```bash
163-
npm run build
164-
```
159+
# [React Getting started](#react-getting-started)
165160

166-
### Linter
167-
```bash
168-
npm run lint
169-
```
170161

171-
### Tests
172-
```bash
173-
npm run test
174-
npm run coverage
175-
```
162+
## Installation
163+
* `npm install` (installing dependencies)
164+
* `npm outdated` (verifying dependencies)
176165

177-
---
166+
## Development
167+
* `npm run start`
168+
* in your browser go to [http://localhost:3000](http://localhost:3000)
178169

179-
## 👨‍💻 Author
170+
## Production
171+
* `npm run build`
180172

181-
**Danny Collodet** – [LinkedIn](https://www.linkedin.com/in/dannyganatan) – [www.ganatan.com](https://www.ganatan.com)
173+
## Linter
174+
* `npm run lint`
182175

183-
---
176+
## Tests
177+
* `npm run test`
178+
* `npm run coverage`
184179

185-
## 🌐 Tutorials
180+
# [Author](#author)
181+
* Author : danny
186182

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)
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
190186

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)
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
194190

195-
### Angular (FR)
196-
- [Démarrer avec Angular](https://www.ganatan.com/tutorials/demarrer-avec-angular)
197-
- [Tutoriels complets](https://www.ganatan.com/tutorials)
198191

199-
### React (FR)
200-
- [Démarrer avec React](https://www.ganatan.com/tutorials/demarrer-avec-react)
201-
- [Tutoriels complets](https://www.ganatan.com/tutorials)
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
202195

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

0 commit comments

Comments
 (0)