https://github.com/rinminase/ng-slim-template
📦✨ A lightweight Angular 10 template, stripped by unnecessary addons
https://github.com/rinminase/ng-slim-template
angular scss template typescript webpack
Last synced: 2 months ago
JSON representation
📦✨ A lightweight Angular 10 template, stripped by unnecessary addons
- Host: GitHub
- URL: https://github.com/rinminase/ng-slim-template
- Owner: RinMinase
- Created: 2020-06-28T02:45:11.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T04:47:20.000Z (over 3 years ago)
- Last Synced: 2026-04-13T00:43:04.916Z (2 months ago)
- Topics: angular, scss, template, typescript, webpack
- Language: TypeScript
- Homepage:
- Size: 2.87 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Angular 12 Slim Template
## Introduction
_Add info here_
## Getting Started
### Running the project
Installations Required:
- [Node](https://nodejs.org/en/)
- [Yarn](https://yarnpkg.com/latest.msi)
1. Clone the project and modify the ENV file based on your Firebase configuration
```
git clone https://github.com/RinMinase/ng-slim-template.git ng-slim
cd ng-slim
cp .env.example .env
```
2. Install the dependencies then run the project
```
yarn install
yarn start
```
3. Fire up your browser and go to `localhost:4200`
### Building the project
Installations Required:
- [Node](https://nodejs.org/en/)
- [Yarn](https://yarnpkg.com/latest.msi)
1. Fire up your terminal inside the project folder and build the project by running:
```
yarn build
```
2. This should generate a `dist/` folder inside the project folder.
### Code Scaffolding
This is using `yarn ng generate ` command. This can be shortened to `yarn ng g `.
Schematics
- `class` - Creates a new [class](https://angular.io/api/common/NgClass)
- `component` or `c` - Creates a new [component](https://angular.io/guide/architecture-components)
- `directive` or `d` - Creates a new [generic directive](https://angular.io/guide/architecture-components#directives)
- `module` or `m` - Creates a new [NgModule](https://angular.io/guide/architecture-modules)
- `service` or `s` - Creates a new [service](https://angular.io/guide/architecture-services)
## Built with
* 
[Angular 12](https://angular.io/) - Web Framework
* 
[Sassy CSS (SCSS)](https://sass-lang.com/) - CSS pre-processor