Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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)

Awesome Lists containing this project

README

        

# Angular 18 & 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 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/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