GithubHelp home page GithubHelp logo

jefnic23 / recital-program-maker Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 846 KB

Create neatly formatted recital programs quickly and easily

Home Page: https://recitalprogrammaker.com/

JavaScript 70.43% HTML 16.46% CSS 13.11%

recital-program-maker's Introduction

Recital Program Maker

I find formatting recital programs in word processors to be tedious, even with pre-formatted templates. Things still never line up quite perfectly after extensive tweaking anyways. So, I created this app to take care of all that busy work. The idea is: enter all the information for your recital and it will spit out a perfectly formatted program. No tweaking margins, spacing, or anything!

Supported browsers: Chrome, Firefox

Buy Me A Coffee

New features

  • Highlight subtitle text to add bold, italic, and underline
  • Hover over program entries for options to move, edit, and delete
  • Toggle "Place performer(s) on top" to swap the positions of performers and pieces

How-To

Upload a spreadsheet

  • grab the template from this link
  • there is an example tab at the bottom showing how to fill out the template
  • copy the template to your Google drive, or download a copy to your device
  • make sure to download it as a .tsv file
  • when you're ready, save the completed template (as a .tsv file) and click the upload button on the site
  • when you load the file, the program will fill automatically

Bugs

  • There is an issue with the way the program looks on smaller devices. This is being worked on, but programs will still print properly formatted (you can use "Preview" to confirm this). It's also worth noting that "Preview" tends to slightly distort the image, but when you click "Print" you'll get a perfectly clear representation of the final product.

  • While it's possible to adjust the program order within a page, moving a performer to a different page breaks the print functionality and is thus disabled. If you need to swap the positions of performers that are on different pages, edit the entries instead and reenter their information in their new positions.

  • If you notice any issues or have any problems, please reach out to me! Or if you're saavy enough, you can make a pull request.

TO DO

  • Edit entries
  • Provide option for placing student name above piece/composer
  • Fix long titles (reduce font size if width > 450)
  • Adjust performance section height if only 1 or 2 performances bleed over into next page
  • Add help section (basic usage, etc.)
  • Add more horizontal line styles
  • Mobile compatibility
  • Implement dropzone
  • Toggle page visibility
  • Cookies for saving programs?

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.