Giter VIP home page Giter VIP logo

chordplay's Introduction

chord

This app has 3 pages. -still needs a lot of nice rendering -needs logo to be finished -scrolling for songs and chords isn't good. It scrolls the whole screen and not just the list.

to be done

  • sidebar changes size based on page. This is bad.
  • scrolls out of the page.

home

-remove input box for chords and rely only on chord buttons. -graph chart needs a timeline that shows every day and not just days that the user learned chords. -chart needs cosmetic fixes. -number of songs you can play should be a link to the songs page. -make the info look better.

songs

-artist images need to be added to the songs database for each artist maybe from the spotify api. -filter by artist should filter only songs by the artist input. I wanted to do it by genre but it seems complicated although I could use theaudiodb as the api. This could be an extra feature.

chords

-currently not displaying chords -clicking chord buttons doesn't display that chord -below displayed chord, should show a button -buttons need to be uniform size -info needs to update automatically when button is clicked. -crashes when info is updated because the info takes longer to update than the page takes to render. maybe try async functions. -if chord is not known by the user, there should be a button with a link 'I know this chord' which adds the chord to the chordsKnow array in the user object and updates the page info.

  • chord listed should be links to the chord diagram on the chord page.

chordplay's People

Contributors

nickcrowney 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.