angular-react-pwa icon indicating copy to clipboard operation
angular-react-pwa copied to clipboard

Angular 18 & React 18 Examples PWA (Progressive Web App)

Angular 17 & React 18 Examples PWA

Ganatan Angular Example routing

it's part of a repo series designed

to create a Web Application with Angular 17

  • Featuring Angular 17.0.8 & Angular CLI 17.0.9

  • 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

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

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

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