Giter VIP home page Giter VIP logo

website-for-band's Introduction

Monkees Concerts

 

Overview

 ### What is this website for? This website is to try and encourage people to go and see concerts performed by the Monkees

How does it work?

It has details about the band, best singles and albums, and a list of concerts, then you type in your details and book your concert. You can also listen to some of your favourite songs by going to Discography page and singles chart and clicking play next to your song. There is a chat box so you can talk to other Monkees fans.

Features

Existing Features

This website has a some of their greatest singles which you can listen to simply by clicking on the play button in thr cell next to song name in the Discography page, there are also images of the band, different members and their concerts.

The Biography page tells you information about the 4 different members of the group and their picture

There is a list of greatest singles and greatest albums page where if you go to the singles table, you can listen to their songs.

The list of upcoming gigs page tells you when their are future concerts available, where and how you can book.

The Contact and Booking Form page is the form to book your tickes after you have chosen your concert by looking at the Monkees_Upcoming_gigs.

The chat box in the homepage is so you can chat to other monkees fans and maybe arrange to see a concert together.  

Tech Used

Some the tech used includes:

  • Sublime Text
    • We use Sublime Text to handle page routing, we also use it to make calls to the REST API and build custom directives
  • Bootstrap
    • We use Bootstrap to give our project a simple, responsive layout
  • davenevins.com
    • I have used the website above to copy the link to the address to create the song clips in the Discography page.
  • npm
    • We use npm to help manage some of the dependencies in our application
  • bower
    • Bower is used to manage the installation of our libraries and frameworks  

Contribution

Getting the code up and running

1.Clone this repository by running the git clone <https://github.com/Jonnoramo/website-for-band> command 2. After you've that you'll need to make sure that you have npm and bower installed

  1. You can get npm by installing Node from here
  2. Once you've done this you'll need to run the following command: npm install -g bower # this may require sudo on Mac/Linux
  3. Once npm and bower are installed, you'll need to install all of the dependencies in package.json and bower.json
npm install
 
bower install
  1. 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
  2. Once http-server is installed run http-server -c-1
  3. The project will now run on localhost
  4. Make changes to the code and if you think it belongs in here then just submit a pull request

website-for-band's People

Contributors

jonnoramo avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.