https://github.com/ledyx/angular-blueprint

My favorite Angular project setup. (v15+)
https://github.com/ledyx/angular-blueprint

Last synced: 2 days ago
JSON representation

My favorite Angular project setup. (v15+)

• Host: GitHub
• URL: https://github.com/ledyx/angular-blueprint
• Owner: ledyx
• Created: 2022-11-20T09:37:05.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2022-11-24T16:40:04.000Z (almost 2 years ago)
• Last Synced: 2024-04-21T19:35:54.684Z (7 months ago)
• Language: TypeScript
• Size: 704 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Angular Blueprint

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

![example](example.gif)

## Library

### Style

- CSS Framwork : [Bulma](https://bulma.io)

- Icon : [Font Awesome 5 Free](https://www.npmjs.com/package/@fortawesome/fontawesome-free)

- Font : [Nanum Gothic](https://fonts.google.com/specimen/Nanum+Gothic?query=nanum#styles)

### Javascript

- Date : [date-fns](https://date-fns.org)

#### Optional (Not installed)

- CSS Framwork : [Angular Meterial](https://material.angular.io)

  - It's not compatible with Bulma

- i18n : [ngx-translate](https://github.com/ngx-translate/core)

- Chart/Graph : [angular-plotly](https://github.com/plotly/angular-plotly.js)

- Richful Editor : [ngx-summernote](https://github.com/lula/ngx-summernote)

- Pagination : [ngx-bulma-pagination](https://github.com/ledyx/ngx-bulma-pagination)

- Util : [Lodash](https://lodash.com)

## File Structure

- [Angular Style Guide - Folders-by-feature structure](https://angular.io/guide/styleguide#folders-by-feature-structure)

- [Angular - folder and file structure example](https://angular.io/guide/styleguide#file-tree)

- [Angular Right File Structure and Best Practices](https://medium.com/@shijin_nath/angular-right-file-structure-and-best-practices-that-help-to-scale-2020-52ce8d967df5)

## Installation & Configuration

[See details (Korean)](Configuration.md)

# Implementations

- The loading bar is visible at the top when the page is moved.

  - [Loading service/ts/html/css](src/app/shared/components/loading)

  - [AppModule](src/app/app.module.ts)

- Scroll to the top when an element with the 'a' tag or the 'appScrollTop' directive is clicked.

  - [ScrollTopDirective](src/app/shared/directives/scroll-top.directive.ts)

- `evironments(.prod).ts`, `http connection`

  - [evironments](src/environments)

  - [ApiService](src/app/shared/services/api.service.ts)

- Some example components

  - [Input - FormControl](src/app/shared/components/form-controls/input/input.component.ts)

  - [Table](src/app/features/feature1/pages/page1)

## Development

```

ng serve --open

```

## Build

```

ng build --configuration production

```