Angular Students Blog

Introduction

This project is a student management website use Reactive Routing and json sever for a students blog created with Angular.

Features

  1. Table with pagination of all students available in the api
  2. Get details card for each students by id
  3. Register new Student with validation
  4. Update Student details with validation
  5. Delete student by id with delete confirmation before

Installation

To view the UI design of this project, follow these steps:

  1. Clone the repository
  2. Install the dependencies with npm install
  3. Run the application with ng serve
  4. Eun the json server with json-server --watch Database/data.json

Demo

2023-05-24-21-11-12.mp4