/club-manager

week 4 angular

Primary LanguageTypeScript

Club-manager

Web app, 16.06.2017

By Anna Horodetska

Club manager is an application which allows to keep track of employees by recording their info, adding, editing, searching.

Planning

  1. Configuration/dependencies
  • Angular CLI version 1.1.0
  • Bootstrap v4.0.0-alpha.6
  1. Specs
  • All poeple will be displayed on homepage
  • User will be able to filter list of people by Category
  • User will be able to visit person profile page, which will include more info
  • User will be able to visit "About" page, which will contain more info about club
  • All data will be stored in Firebase databe
  • Admin will be able to add new person by submitting a form with person name, imageUrl, category, specialty, description
  • Admin will be able to edit person's profile
  • Admin will be able to delete person's profile
  1. Potential future functionalities
  • Add functionality to keep track of stats, calendar of shifts
  • Add a message board area, where club employees may chat with each other.
  • Include an area called "announcements", "events" where users can post what events, matches, or meetings the club has planned.
  • Deploy application.
  • Implement AngularFire/Firebase user authentication
  1. UX/UI
  • Install and use Bootstrap

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/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.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.