Add info here
Installations Required:
-
Clone the project and copy the ENV template file to a new ENV file.
git clone https://github.com/RinMinase/anidb.git cd anidb cp .env.example .env
-
Modify the created ENV file based on your Firebase configuration
-
Install the dependencies then run the project
yarn install yarn start
-
Fire up your browser and go to
localhost:3000
Installations Required:
-
Fire up your terminal inside the project folder.
-
Build the project by running:
yarn build
-
This should generate a
dist/
folder inside the project folder.
This is using yarn ng generate <schematic> <name>
command. This can be shortened to yarn ng g <schematic> <name>
.
Schematics
component
orc
- Creates a new componentmodule
orm
- Creates a new NgModuleservice
ors
- Creates a new service
.
βββ .circleci/ # Circle CI configuration folder
βββ assets/ # Project assets
β βββ config/ # Project configurations
β β βββ manifest.json # Web manifest file
β β βββ ngsw-config.json # PWA Service Worker configuration file
β β βββ webpack.ts # Extended webpack configuration file
β β βββ ... # Other configuration files
β βββ res/ # Platform-specific resources folder
β βββ ... # Other assets
βββ dist/ # Compiled production code
βββ src/ # Project source code
β βββ<module-name>/ # Project module
β β βββ <name>.component.html # Component template
β β βββ <name>.component.scss # Component stylesheet
β β βββ <name>.component.ts # Module component
β β βββ <name>.module.ts # Module
β βββ core/ # Project-wide reusable classes
β β βββ builders/ # Project builders
β β βββ components/ # Project components
β β βββ services/ # Project services
β βββ app.module.ts # Main module and project routes
β βββ index.html # Main HTML file
β βββ index.scss # Main Stylesheet (SCSS) file
β βββ index.ts # Main TypeScript file
βββ .editorconfig # IDE / Editor configuration
βββ .env # Environment file
βββ angular.json # Angular CLI configuration
βββ tsconfig.json # Main TypeScript configuration file
βββ ... # Other project files
Task automation is based on Yarn scripts or NPM scripts.
Task | Description |
---|---|
yarn start |
Run development server on http://localhost:3000/ with file watching on changes |
yarn start --prod |
Run production server on http://localhost:3000/ with file watching on changes |
yarn build |
Build production code and add service worker to built code |
Other tasks included in package.json
that should not be executed manually:
Task | Description |
---|---|
yarn deploy |
Build production code without displaying progress and add service worker to built code |
Add info here
- Angular - Web Framework
- TypeScript - Language syntax
- Sassy CSS (SCSS) - CSS pre-processor
- Bootstrap 5 - HTML Framework (layout)
- Firebase - Database
- Webpack - Project bundler
- Circle CI - Continuous Integration (CI) service
- Netlify - Hosting Platform