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

Angular 18 & React 18 & Node Examples App starter

Angular 14 & React 18 Examples Starter

Ganatan Angular Example Demo

it's part of a repo series designed

to create a Web Application with Angular 14

  • Featuring Angular 14.2.0 & Angular CLI 14.2.1

  • See the Angular 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 Live Demo

Here is a working Angular live demo : https://angular.ganatan.com

Angular 14 Example 
      Application

Angular Quick start

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

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

# change directory
cd angular-react-starter
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-starter.git

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

# change directory
cd angular-react-starter
cd react

# install the repo with npm
npm install

# start the server
npm start


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

Angular Tutorial

Here is a step by step Tutorial : https://www.ganatan.com/tutorials/getting-started-with-angular

Demo example

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

Angular English Tutorials

  • Installation - https://www.ganatan.com/tutorials/getting-started-with-angular
  • Tutorials Step by Step - https://www.ganatan.com/tutorials/en

Tutoriels Angular en français

  • Installation - https://www.ganatan.com/tutorials/demarrer-avec-angular
  • Tutoriels Etape par étape - https://www.ganatan.com/tutorials