Kuinran / spear-website

Spear Website

The website for the Space Alberta Exploration Robotics Club.

TODO

• Add all the images throughout the site
• Finish team page
• Touch up blog page (like it currently has the date showing nanoseconds since the epoch instead of a date)
• Ensure content matchs team drive
• Implement styling as shown in team drive
• Parallax Scrolling
• Read through for spelling mistakes
• Hyperlink contact information
• Potentially add bottom division for extra links and to add spacing to page
• Maybe add open source translation code for international interest groups

Bug List :(

• Blog page pagignation can't change the number of blog posts per page
• Material ripple for buttons shows up in top left corner

Setup

Linux

1. install NodeJS LTS
2. Install Angular 2 CLI with npm install -g @angular/cli run this as sudo
3. clone this project somewhere on your device eg git clone https://github.com/jacobrec/spear-website.git
4. in the same directory(the parent directory of the project) where you cloned the project run the following commands

cd spear-website
npm install
npm install --save @angular/material @angular/cdk
npm install --save @angular/animations
npm install --save ng2-fittext

This downloads the node packages we're using

Windows

1. install NodeJS LTS
2. Open CMD Prompt and Install Angular 2 CLI with npm install -g @angular/cli
3. Sign up for Github
4. Install git
5. Open git bash where you want the project on your computer
6. Run git clone https://github.com/jacobrec/spear-website.git in git bash
7. With git bash, naviagte inside the project folder you just made
8. Run these commands also in git bash

npm install
npm install --save @angular/material @angular/cdk
npm install --save @angular/animations
npm install --save ng2-fittext

Mac

no instructions yet

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.