ganatan / angular-react-starter

Angular 18 & React 18 & Node Examples App starter

Angular 18 , React 18 & Node Examples Starter

it's part of a repo series designed to create a Web Application with Angular 18 Featuring Angular 18.1.4 & Angular CLI 18.1.4 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 Featuring React 18.3.1 & Create-react-app 5.0.1 to create a Node Application with Express 4 Featuring Express 4.19.2

Angular Live Demo

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

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

Node 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 node

# install the repo with npm
npm install

# start the server
npm start

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

Angular Tutorial

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

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

Node Getting started

Installation

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

Development

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

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

Tutoriels React en français

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