denzelb5 / gig

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

NSS Front-End Capstone -- "GigMeister"

Create an application using the following:

Specs

  • REACT
  • Firebase CRUD
  • Bootstrap
  • Use Github Projects for Planning

Technologies Used

  • HTML5, CSS, Javascript
  • SASS 4.13.1 for all customized styling
  • React 16.12.0 for core app functionality
  • Firebase 7.7.0 for authentication and data storage

Description:

An application for classical musicians to create and edit a large scale ensemble such as a symphony orchestra. A user can create an event, choose what instrumentation is needed, and then assign the players needed to the event. The app then creates a roster with all of the event's pertinent information and personnel assigned to the gig.

Future plans include:

  • Adding calendar functionality
  • Expense / income tracking for tax purposes
  • Ability to track income earned and services rendered for private instruction.
  • Ability to track responses from instrumentalists hired

Screenshots

Login page. Login with google.

login-page

Home Page

home-page

Add an event page allows you to enter your pertinent information and select the instrumentation needed.

add-gig-info add-instruments

Instrumentation Page with number of players needed. instrumentation-added instrumentation-added-2

Assign players to the event. add-players add-players-2

Final Roster with instrumentation and players. Full CRUD on players.
view-roster

MyGigs page with list Bootstrap cards of each gig. Gigs have full CRUD. my-gigs.png

Demo

https://gigmeister-999cc.firebaseapp.com/

How to Run

  • Clone down this project from GitHub
  • Install http-server from npm
  • In your browser, navigate to https://localhost:3000

Contributors

Denise Baker

About


Languages

Language:JavaScript 91.2%Language:CSS 5.7%Language:HTML 3.1%