Giter Club home page Giter Club logo

stager's Introduction

StageR

Code Triagers Badge codebeat badge

Summary

Queueing productivity application used to facilitate karaoke sessions. Primarily used for online communities like Discord and TeamSpeak.

Features

  • [ NEW ] Showcase a featured user performance
  • Autorefresh provides synchronous data loading
  • Admin panel for adding, editing and removing users in queue.
  • Frequency counter for every user that is resubmitted to queue.
  • Like and dislike user system
  • Statistics panel for comparing frequencies and Most liked/disliked
  • Ability to reset history statistics
  • Custom cursor and click animation

stager's People

Contributors

andrewusher avatar aruna09 avatar kalaborative avatar lahirutech avatar petro36 avatar

Watchers

 avatar  avatar

stager's Issues

Queue viewer

Designing a queue viewer like that of the normal queue and make it public for all users to like and dislike and view the same queue.

Acceptance Criteria:

  • New page must autorefresh and update like the normal queue page
  • All other pages must be locked and require user login
  • The like and dislike buttons must be relinked to alternate URLs for public viewing purposes

Progress:

  • Duplicate queue

  • Remove next and skip buttons

  • Set up flask login

  • Require all other pages to be login first, with custom login_required page

  • Copy and adjust like and dislike code

Would like more images to choose from

  • Add more animal images or substitute a whole image set for more variety.

Currently, there are only about 12 minimalistic animal images to randomly assign to users. We want to know if we could have more or simply use a different, but larger set of images!

Thanks!

Featured performance

Make a bar at the bottom of the queue to feature a performance from a previous karaoke event.

Acceptance Criteria:

  • Bar that fits nicely at bottom of the queue. Amend. I

  • Mp3 audio that plays straight from the page

Like dislike link redirects

After clicking like or dislike, the auto refresh constantly performs that same action and the like/dislike counter keeps going up.

  • Fix the redirects so that it always goes back to the original index URL.

Like/dislike

Plan of implementation

  • Edit DB to add likes database with like and dislike fields
  • Design like and dislike buttons
  • On page load/refresh, execute a INSERT INTO the likes database incrementing the data by 1.
  • Edit Statistics link to include a Most Liked and Most disliked singer
  • On page load/refresh, display how many likes/dislike user has next to each respective button.

Background pic on edit page

  • Bg picture on edit.html needs to be set to stretch, not tiled
  • Update changelog to include responsive edit pages

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.