nataliethistime / songdown-app Goto Github PK
View Code? Open in Web Editor NEWThis is the web application component of the Songdown project.
Home Page: http://songdown.herokuapp.com
License: MIT License
This is the web application component of the Songdown project.
Home Page: http://songdown.herokuapp.com
License: MIT License
The toolbox needs font size controls.
Use passport.js to implement logging in with Github. We could then possibly use that to edit songs. Maybe.
With the recent move back to using just <a>
's for links, the page reloads everytime one is clicked. This be bad. ๐
We need to find a way to make the index page look prettier and be more usable.
When a user tries to transpose a song which has a line of chords with brackets in it (example below) things get ugly.
(Am C)
=> ?? ??
Split the code up and move the theme selector stuff into a separate file so that it can be used in two places effectively.
We need to append a '?cacheBust=' + (Date.now())
to the URL when we get the songs.json
file. It sometimes gets cached by the browser and it never should.
Need to figure out how to make the application seem cool. Eg, add in animations and more it more colorful.
Print the Songdown version at the bottom of each page the app.
Songs should be able to have tags. We could show a tag cloud for ease of searching by tag.
Implement the theme selector in the new UI, again.
The toolbox needs to implement a print button. Note: there may be some issues here to do with limitations of Radium.
Should implement a "link to PDF" so that proper sheet music can be attached to each song.
This project is in a bad shape atm. Need to spend some serious effort on cleaning it up.
We could use Firebase to store all the songs. This would allow in-browser editing and saving of songs. However, we'd need to sort out a password arrangement or something.
Set the document title to the currently selected song.
Links on the main page need to be actual <a>
tags so that a user can open them in a new tab properly.
This ideas has a couple steps.
songdown-app
so that it can be run with a higher chance of working.I want to do this so that the app can boot up using a local songdown-songs
repo but if that repo hasn't had an npm install
done on it, it'll still work.
The built templates.js needs to be placed in the folder for all the built js files. (of course). The reason this doesn't happen was because handlebar-rider wasn't able to create a new file.
The solution is simple: make sure the destination file exists before running handlebar-rider. :)
We may need to organize the frontend code better. A JS framework like Angular, Ember or Backbone might be needed.
A song could possibly have a picture (maybe the cover of the album it came from?) that's shown in the search results alongside the song's name.
This is a bit far fetched, but it could be a subtle addiction that would add to the look and feel, considering that it all looks a bit boring right now.
Title says it all...
Add a "thing" on the Edit Song page which explains the Songdown syntax.
The situation with printing is pretty terrible right now. My solution is thus:
Implement a new page on the express app that is for returning the raw output of the compiler. Use url params to control things like transpose and font size. This way, printing might work on a browser other than Chrome (which, btw, Chrome itself doesn't do it very well anyway).
Use Jekyll style front matter to add additional information to a song such as:
Could possibly use the front-matter npm module for this.
The index page is only going to get bigger and bigger. We need a way to search through it.
Title really says it all. Add a print button on the Edit Song page.
The design on the site is a little ugly and needs to be cleaned up.
The Song view needs to have a tool box. A dialog of some kind would suffice. This toolbox needs to contain all the settings the song view has, such as:
These won't all be able to be implemented at once (hence the unimplemented ones are separate issues). Otherwise, all that's required is some front end UI work and copy/pasting the code from where it used to be.
Implement a page for when a song that doesn't exist is attempted to be viewed or edited.
All the CSS for pages is tangled in one file, we need to split things up in a way that makes more sense.
Similar to Youtube links it should be possible for a song author to specify the key.
Perhaps there could be a way of figuring out the key. Though my music theory ain't great... :P
Youtube links should be able to be added to songs.
There needs to be a 404 page for when a user tries to view a song which doesn't exist.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.