DEV Community

Julius Bacosa
Julius Bacosa

Posted on • Edited on

Building a Simple and Clean Modularized Angular Project

This Angular Project will be the frontend side of this Asp.net Core 3.0 backend project.

we will be using Visual Studio Code for this project.

We will build our Simple Project using Angular CLI.
we will start with

Create your Project
We will call this project Business SPA application.

execute this command in your angular cli
ng new businessspa-fe

Create your Company Management Module
ng g m modules/companymgmt --routing

Create the Company Component inside Company Management Module
ng g c modules/companymgmt/company

Create your Service
Execute this command in angular cli.
ng g s services/company
Create the CRUD functions for this services
Get, Post, Put, Patch, Delete

Create your Model
create a new folder call it models
create a new typescript file name it: company.model.ts

export class Company {
public int: number;
public name: string;
}

If you need detail tutorial, drop a commend below we can do a one x one session.

Top comments (0)