/hubmaster

Angular learning tutorial

Primary LanguageTypeScript

J&D Landscaping Logo

J&D Landscaping Website

Hosted domains

Culture & Development process

  • We are team of passionated software developers and we have our own git management guideline, please check backend repository for further more detail.
  • We have a CI/CD integration with Circle CI connected with our Github account
  • Pushing to Git branch prod will deploy content to the production server
  • Pushing to Git branch master will deploy content to the staging server
  • You are supposed to merge all your work to dev branch and master is the next, prod should be the final step
  • You can check our circle ci config from here

Technical guideline

  • We use Angular, bootstrap v4 for UI framework and decorating widgets
  • Our project is using Angular CLI, you can follow guide from their offical website
  • We use Heroku for staging server, hosts using Node express server
  • For the production server everthing is configured via S3 + Cloudfront + Route53, please check aws console for further more detail

Outline of code

  • Admin - all about admin panel for Super Admins & Contractors
  • Client - all about client side panel for Customers
  • Landing - static website pages for https://jdlandscaping.net
  • Auth - authentication pages such as login, register ...
  • Core - main features and functional things such as services, models etc.
  • Layout - main layout features, such as header, footer, sidebar in different cases
  • Shared - some common pages that will be used in different modules
  • ui-kit - reusable components we are going to use on this application

Angular CLI environments

Development
$ npm install

# run development server
$ ng serve

# build staging server
$ npm build
$ npm run start

# build production server
$ npm build:prod 

# do lint testing
$ npm run lint