https://github.com/divyanshu-rawat/parcel-time-app

An application to manage shipments in post-office.
https://github.com/divyanshu-rawat/parcel-time-app

angular-material angular6 es6 interaction-design mat-checkbox mat-dialog mat-radio ng-controllers ng-services ngx-pagination

Last synced: 2 months ago
JSON representation

An application to manage shipments in post-office.

• Host: GitHub
• URL: https://github.com/divyanshu-rawat/parcel-time-app
• Owner: divyanshu-rawat
• Created: 2019-07-14T17:35:53.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-07-16T08:36:27.000Z (almost 6 years ago)
• Last Synced: 2025-02-15T01:32:43.403Z (4 months ago)
• Topics: angular-material, angular6, es6, interaction-design, mat-checkbox, mat-dialog, mat-radio, ng-controllers, ng-services, ngx-pagination
• Language: TypeScript
• Size: 31.6 MB
• Stars: 1
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Application Workflow gifs.

Post Office Route Workflow.

![alt tag](https://github.com/divyanshu-rawat/Post-Office-App/blob/master/AppDesign/postOfficeWorkflow.gif)

#

Shipment Route Workflow.

![alt tag](https://github.com/divyanshu-rawat/Post-Office-App/blob/master/AppDesign/shipmentWorkflow.gif)

#

Filters Workflow.

![alt tag](https://github.com/divyanshu-rawat/Post-Office-App/blob/master/AppDesign/filtersWorkflow.gif)

## Technology Stack

##### Components

* HTML - Structure of the web page generated.

* CSS - Styling options and details of the web page.

* Angular 6 - Structure for deployment of the web page.

* Angular Material - . Hit the ground running with comprehensive, modern UI components.

### Post Office App Folder Structure

After creation and a successful build, your project should have the following file structure:

```

  src/

    app/

      Services/

        post-office-service/

          post-office.service.ts

        shared-services/

          dialog.service.ts

        shipment-service/

          shipment.service.ts

      components/

        app-header/

        post-office/

          post-office-item

          post-office.component.html

          ...

        shared-components/

          add-update-post-office-dialog/

          add-update-shipment-dialog/

          confirmational-dialog/

        shipment/

          shipment-list-item/

          shipment.component.ts

          ....

      Interfaces/

      app-routing.module.ts

      app.component.html

      app.component.scss

      app.component.ts

      app.module.ts

```

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

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).