Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ganatan/angular-react-pwa
Angular 18 & React 18 Examples PWA (Progressive Web App)
https://github.com/ganatan/angular-react-pwa
angular angular-cli angular14 angular16 angular17 angular18 bootstrap4 bootstrap5 example-project pwa react react18 server-side-rendering
Last synced: 10 days ago
JSON representation
Angular 18 & React 18 Examples PWA (Progressive Web App)
- Host: GitHub
- URL: https://github.com/ganatan/angular-react-pwa
- Owner: ganatan
- Created: 2019-08-30T05:04:42.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2024-07-15T08:40:38.000Z (4 months ago)
- Last Synced: 2024-10-21T01:10:11.312Z (21 days ago)
- Topics: angular, angular-cli, angular14, angular16, angular17, angular18, bootstrap4, bootstrap5, example-project, pwa, react, react18, server-side-rendering
- Language: HTML
- Homepage:
- Size: 30.4 MB
- Stars: 58
- Watchers: 5
- Forks: 39
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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**](https://github.com/angular/angular/releases) & [**Angular CLI 18.1.0**](https://github.com/angular/angular-cli/releases/)
* 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)
to create a **Web Application with React 18**
* Featuring [**React 18.3.1**](https://github.com/facebook/react/releases) & [**Create-react-app 5.0.1**](https://github.com/facebook/create-react-app/releases)
# [Angular Quick start](#angular-quick-start)
```bash
# 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](http://localhost:4200)# [React Quick start](#react-quick-start)
```bash
# 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](http://localhost:3000)# [Angular Getting started](#angular-getting-started)
## Installation
* `npm install` (installing dependencies)
* `npm outdated` (verifying dependencies)## Development
* `npm run start`
* in your browser go to [http://localhost:4200](http://localhost:4200)## Production
* `npm run build`## Linter
* `npm run lint`## Tests
* `npm run test`
* `npm run coverage`# [React Getting started](#react-getting-started)
## Installation
* `npm install` (installing dependencies)
* `npm outdated` (verifying dependencies)## Development
* `npm run start`
* in your browser go to [http://localhost:3000](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/enTutoriels en français
- Installation - https://www.ganatan.com/tutorials/progressive-web-app-avec-angular
- Tutoriels Etape par étape - https://www.ganatan.com/tutorials