Angular 18 & React 18 Examples PWA

it's part of a repo series designed

to create a Web Application with Angular 17

Featuring Angular 18.1.0 & Angular CLI 18.1.0
See the Live demo, Test the repo with Quick start and for more information Read the step by step Tutorial or read the Getting started

to create a Web Application with React 18

Featuring React 18.3.1 & Create-react-app 5.0.1

Angular Quick start

# choose a repo
# download the example or clone the repo from github
git clone https://github.com/ganatan/angular-react-pwa.git

# download the example or clone the repo from gitlab
git clone https://gitlab.com/ganatan/angular-react-pwa.git

# change directory
cd angular-react-pwa
cd angular

# install the repo with npm
npm install

# start the server
npm start

in your browser go to http://localhost:4200

React Quick start

# choose a repo
# download the example or clone the repo from github
git clone https://github.com/ganatan/angular-react-pwa.git

# download the example or clone the repo from gitlab
git clone https://gitlab.com/ganatan/angular-react-pwa.git

# change directory
cd angular-react-pwa
cd react

# install the repo with npm
npm install

# start the server
npm start

in your browser go to http://localhost:3000

Angular Getting started

Installation

npm install (installing dependencies)
npm outdated (verifying dependencies)

Development

npm run start
in your browser go to http://localhost:4200

Production

npm run build

Linter

npm run lint

Tests

npm run test
npm run coverage

React Getting started

Installation

npm install (installing dependencies)
npm outdated (verifying dependencies)

Development

npm run start
in your browser go to http://localhost:3000

Production

npm run build

Linter

npm run lint

Tests

npm run test
npm run coverage

Author

Author : danny

Documentation

English Tutorials

Installation - https://www.ganatan.com/tutorials/progressive-web-app-with-angular
Tutorials Step-by-Step - https://www.ganatan.com/tutorials/en

Tutoriels en français

Installation - https://www.ganatan.com/tutorials/progressive-web-app-avec-angular
Tutoriels Etape par étape - https://www.ganatan.com/tutorials