Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jeddsaliba/angular-crud

The purpose of this project is to showcase an Angular Project with basic CRUD functionalities.
https://github.com/jeddsaliba/angular-crud

angular bootstrap hashids ng2-charts ngrx ngx-quill xng-breadcrumb

Last synced: about 1 month ago
JSON representation

The purpose of this project is to showcase an Angular Project with basic CRUD functionalities.

Awesome Lists containing this project

README

        

# Angular CRUD

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.2.12.

The purpose of this project is to showcase an Angular Project with basic CRUD functionalities.

## Table of Contents
[Dependencies](#dependencies)

[Plugin(s) Used](#plugins-used)

[Installation](#installation)

[Development Server](#development-server)

[Support](#support)


## Dependencies
To install the Backend (API), click [here](https://github.com/jeddsaliba/laravel-crud).


## Plugin(s) Used
- [Angular Material](https://material.angular.io)
- [NGRX](https://ngrx.io)
- [Bootstrap](https://getbootstrap.com)
- [Hashids](https://www.npmjs.com/package/hashids)
- For Hashids, you can modify the following in your `environment.ts` and `environment.prod.ts`:
```bash
hashKeys: {
salt: 'HASH_ID_SALT',
minLength: 12,
alphabet: 'HASH_ID_ALPHABET',
}
```
- [ng2-charts](https://www.npmjs.com/package/ng2-charts)
- [ngx-quill](https://www.npmjs.com/package/ngx-quill)
- [xng-breadcrumb](https://www.npmjs.com/package/xng-breadcrumb)


## Installation
Install the `node_modules` using `npm`:

```bash
npm install
```


## Development Server
Run this command:

```bash
ng serve --live-reload false
```

After successfully running the development server, navigate to:

```bash
http://localhost:4200/
```


## Support
For support, email [email protected].