Angular CRUD using JSON Web Server

"Angular CRUD using JSON Server" is an excellent example of how to create a full-stack web application using simple, lightweight tools. The project demonstrates how to build a powerful and dynamic web application with minimal code and setup, making it an ideal choice for developers who need to create small to medium-sized projects quickly.

Installation

To create an Angular project, you can follow these steps:

1. Install Node.js and npm: If you don't have Node.js and npm installed on your machine, download and install them from the official Node.js website.
2. Install Angular CLI: Open your terminal and run the following command to install the Angular CLI globally on your system:

   npm install -g @angular/cli

3. Create a new Angular project: Once the Angular CLI is installed, you can create a new Angular project by running the following command in your terminal:

   ng new your-project-name

   Replace "project-name" with the name you want to give your project.
4. Navigate to your project directory: Use the cd command to navigate into your new project directory:

   cd project-name

5. Run the development server: To see your Angular project in action, run the following command:

   ng serve

This will start a development server and your application will be available at http://localhost:4200/.

JSON web server installation

To use JSON Server for Angular CRUD operation, you need to follow the steps below:

1. Install JSON Server: Use Node.js and npm to install JSON Server globally on your system by running the following command in your terminal:

   npm install -g json-server

2. To start JSON server

   json-server --watch db.json

This will start the JSON Server and create a RESTful API endpoint at http://localhost:3000

Project Screenshot

Employees List

Create Employee

Edit/Update Employee