项目作者: cormacio100
项目描述 :
CODE INSTITUTE MODULE 1 PROJECT: AngularJS Website for Dublin Rock band Night Blind
高级语言: JavaScript
项目地址: git://github.com/cormacio100/nightblind.git
Angular App for the Dublin Rock Band Night Blind
Overview
What is this app for?
This is website to publicise the Dublin Rock Band Night Blind
What does it do?
This app will allow users to:
- read the history of the band
- see upcoming events and releases by the band
- read band member information
- see Photo Galleries
- listen to the band’s music recordings
- look at the band’s music videos
- contact the band
How Does it work
Currently, this is a fully client-side application where a factory is used to retrieve hard-coded data about band members. However, a Django app hosted on Heroku is launched initially to forward the user to this client-side app. The idea is for the DJango app to be used as an API in the future
A factory is also used to allow users check for available dates to book the band. Once an available date is found the user can confirm the booking
Features
Existing Features
- Home page showing band activity
- About the Band section
- Gallery
- Music Section
- Video Section
- Contact Information
Features left to Implement
- Contact form for availabiliity and quotes
Tech Used
- AngularJS
- I used AngularJS to handle page routing. I also use it to retrieve hardcoded data using a FACTORY and build custom directives
- Bootstrap
- We use Bootstrap to give our project a simple responsive layout
- bower
- Bower is used to manage the installation of our libraries and frameworks
Contributing
Getting the code up and running
- Firstly you will need to clone this repository by running the ‘’’ git clone <project’s GITHUB URL>
After that you’ll need to make sure that you have npm and bower installed
- You can get npm by installing Node from here
- Once you’ve done this you’ll need to run the following command:
‘npm install -g bower # this may require sudo on Mac/Linux’ - Once npm and bower are installed, you’ll need to install all of the dependecies in package.json and bower.json
```
npm install
bower install
```
After those dependencies have been installed you’ll need to make sure that you have http-server installed. You can install this by running the following: npm install -g http-server # this also may require sudo on Mac/Linux
- Once http-server is installed run
http-server
- The project will now run on localhost:8080
To Note
The live site (link shown above) is run from the gh-pages branch
The live site can also be launched from the link https://nightblind.herokuapp.com.
Repo for this is at https://github.com/cormacio100/nightblind_forwarding