Angular Projects For Beginners With Laravel | Hotel Management System project with angular 8 and Laravel (Angular 8 Project Tutorial Environment Setup ) Part 1

This tutorial  will starting laravel angular project tutorial series.in this tutorial we will cover all importent feature of laravel angular project (hotel management system project)

Requirement

  1. Node JS

  2. NPM (Node Package Manager)

 

How to Install Node js

1. Window Users

      if you are a windows user, you can install node js using following steps

  •   Open node.org website
  •   Click 12.16.1 LTS then download exe setup file

  •   Run setup file on your system and install node js

  •   After installing node js open your system cmd and check node js version using this command

         Command: node --version

         Response : v13.1.0

  • check npm version using this command

          Command : npm --version

          Resonse :  6.12.1

2. Lunix User

     if you are a Lunix user, you can install node js using following Command 
     Using this command you can install curl on your system

    1. sudo apt-get install curl
    2. curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
   

    Using This Command You can install nodejs on your system
    3. sudo apt-get install nodejs

    After node js installlation you can check node js and npm version using this command on your system
    For Node js Version
         # node -v 
     For NPM Version
        # npm -v 

After node js and npm installation, you have to install angular 8 on your system Using this command install angular 8 on your system

Command :   npm install -g @angular/cli

Check Your Angular Successfully Install Or Not

Command: ng --version
This command return you your system angular version

 

Create Angular 8 Project

Command:  ng new hotelManagement

Response: Would you like to add Angular routing? (y/N)

Press Y For Add Angular routing otherwise N For ignoring it

Response: Which stylesheet format would you like to use?

1. CSS

2. SCSS

3. SASS

4. LESS

5. Stylus

Select Anyone and continue.

Wait some time and angular project successfully create on your system

After Project Creation using this command run your project

command: cd hotelManagement

command: ng server

Response: Compiled successfully

Use This URL For run Project on your web browser

http://localhost:4200

 

Tutorial Topics