Coder Social home page Coder Social logo

cancionero's Introduction

Chordboard

song-viewer.png

Chordboard is a web app that allows musicians to share setlists and chords.

Built using React, Firebase, Material-UI and friends.

How it works

Create setlists, add songs, transpose songs in real-time, for your band, school,

Setting it up for yourself

This project is built using create-react-app and firebase. To get it running properly, you'll need to create your own firebase application and export your firebase configuration in a file at src/firebase-config.ts. The config should look something like this:

// src/firebase-config.ts
const config = {
	apiKey: 'myapikey',
	authDomain: 'my-auth-domain.firebaseapp.com',
	databaseURL: 'my-db-url.com',
	projectId: 'my-pid',
	storageBucket: 'my-storage-bucket',
	messagingSenderId: 'my-sender-id',
}

export default config

You'll also need to install the local dependencies using Yarn or NPM.

npm i

You'll need to either deploy the code to a hosted server, or emulate them locally. Finally, you can run it:

npm start

Deploying

Use firebase-cli to initalize a project in the root directory. Then build your project and deploy.

From the dev branch

git checkout master
git merge dev
yarn version
git push
git checkout dev

About

This project is maintained by Justin Lawrence and Brett Henderson

License

License: CC-BY

cancionero's People

Contributors

justinlawrence avatar brettsvoid avatar dependabot[bot] avatar ppmoyano 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.