Classifai_FrontEnd
Source code of Classifai with compiled front-end can be found here.
Component Design
Refer: Diagram - Component Design Concept
Code Scaffolding
- Install extension 'Angular Files'.
- After installed, right click your project src folder
- Look for the 'Generate' labelled section (Generate Component, Generate Directive and etc)
Change Development or Production Environment url
Default backend endpoint for development is http://localhost:4200
.
Please navigate to src/environments/environment.ts
and change the endpoint as necessary.
Default backend endpoint for production is http://localhost:9999
.
Please navigate to src/environments/environment.prod.ts
and change the endpoint as necessary.
Execute for Development
- Ensure backend is running, then open project.
- Look for the bottom left side 'NPM SCRIPTS' tab.
- If the package.json is collapsed, expand it by clicking it
- Lastly, click on 'start:dev', located just below package.json
Build Production
- After open project.
- Look for the bottom left side 'NPM SCRIPTS' tab.
- If the package.json is collapsed, expand it by clicking it
- Click on 'build:normal', located just below package.json
- The build artifacts will be stored in the
dist/
directory.
Analyze Project Bundle Size
- After open project.
- Look for the bottom left side 'NPM SCRIPTS' tab.
- If the package.json is collapsed, expand it by clicking it
- Click on 'build:analyze', located just below package.json
- After that a browser tab will be opened to display the whole project bundles
Further help
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.