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

Angular 18 & React 18, Bootstrap 5 , FontAwesome 6

Angular 14 & React 18 Examples Bootstrap

Ganatan Angular Example routing

it's part of a repo series designed

to create a Web Application with Angular 14

  • Featuring Angular 14.1.0 & Angular CLI 14.1.06

  • 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-bootstrap.git

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

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

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

# change directory
cd angular-react-bootstrap
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/bootstrap-with-angular
  • Tutorials Step-by-Step - https://www.ganatan.com/tutorials/en

Tutoriels en français

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