BookStore Web Application

Setup Guideline

Check Node.js version

node --version

Check npm version

npm --version

Check Angular version

ng version

Fix Windows Powershell Policy Issue

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser

Install latest Angular version

npm install --global @angular/cli@next

Commands used to create the web app

Create new Angular project

ng new bookstore-web

Install Angular Material package

ng add @angular/material

Install Tailwind CSS package

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init

Config Tailwind CSS

  content: [
    "./src/**/*.{html,ts}",
  ],

Add Tailwind CSS to styles

@tailwind base;
@tailwind components;
@tailwind utilities;

Run Angular project

ng serve
ng serve --open

Create new components

ng generate component components/books-list
ng generate component components/bookform

Create http services

ng g s http

📌 Update these files in order

🔹app.component
🔹app.routes
🔹books-list
🔹bookform
🔹interfaces/book.ts
🔹app.config
🔹books-list
🔹bookform