This project was generated with Angular CLI version 1.0.0. Pure Barre is a nation-wide boutique fitness studio. The purpose of this application is to help the Pure Barre Portland manager track its employees (teachers, front desk staff, etc) to ensure the studio is at tip top shape! June 16, 2017
View Project at: https://pure-barre-manager.firebaseapp.com/
Barre is a form of fitness that is sweeping the nation! I work as a teacher at the Pure Barre Portland Studio. This application was built to help the Pure Barre manage keep track of employees! This app fulfills the following user stories:
As a user:
- As a user, I'd like to visit a page to see a list of all PB employees.
- As a user, I'd like to click on an employee in the list to visit their profile page.
- As a user, I'd like the option to visit an "About" page
- As a user, I'd like all data persisted in Firebase
- As a user, I'd like to filter the list of users by their particular role (teacher, front desk staff, etc)
- As an administrator, I want the ability to add new users.
- As an administrator, I want the ability to edit user profiles.
- As an administrator, I want the ability to delete a user.
The application structure is outlined below.
Models:
- Employee (Properties: name, role, aboutMe, strength (great at motivating clients, excellent at memorizing choreography), schedulePreference (morning, day-time, evening), classesTaught)
Entry Point:
- main.ts
Modules:
- Root module (app.module.ts)
Router:
- app.routing.ts
Services:
- employee.service.ts
Components:
- Root component (app.component.ts)
- home.component.ts
- about.component.ts
- employee-detail.component.ts
- admin.component.ts
- edit-employee.component.ts
Pipes:
- role-filter.pipe.ts
You will need the following things properly installed on your computer.
- Git
- Node.js (with NPM)
- TypeScript
- Angular2
In your terminal:
git clone https://github.com/akane0915/pure-barre-managercd pure-barre-managernpm installnpm install typescriptapm install atom-typescriptbower install- Open project in text editor. Create src/app/api-keys.ts file. Login to firebase to create your own project. Type the following in the api-keys.ts file replacing all "Your" statements with your own firebase credentials:
export var masterFirebaseConfig = { apiKey: "Your Key, authDomain: "Your Doman", databaseURL: "Your URL", projectId: "Your Project Id", storageBucket: "Your Bucket", messagingSenderId: "Your Sender Id" };
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.
- If you would like to make changes to this project, do so in the text editor.
- Make frequent commits with detailed comments.
- Submit changes as pull request to Asia at akane0915 on Github.
Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class/module.
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.
Run ng test to execute the unit tests via Karma.
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.
If you receive the following error: Error: Can't resolve 'promise-polyfill'
Run npm install promise-polyfill --save-exact
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.
- Angular2
- Angular CLI
- Firebase Database Manager
- TypeScript
- Node
- Bower
- HTML
- CSS
- Bootstrap https://getbootstrap.com/
- ES6
N/A
I encourage you to update/make suggestions/refactor this code as you see fit. I am always open to improvement! Please contact Asia Kane at [email protected] with questions.
This software is licensed under the MIT license Copyright © 2017 Asia Kane