Coder Social home page Coder Social logo

cj99 / session-timer Goto Github PK

View Code? Open in Web Editor NEW

This project forked from edwinvw/session-timer

0.0 0.0 0.0 293 KB

Timer app for timing a presentation or session with multiple sections. The app is a Blazor WASM app.

License: Apache License 2.0

HTML 37.50% C# 20.16% CSS 23.81% JavaScript 18.53%

session-timer's Introduction

Session Timer

This repo contains the code for a timer app you can use for timing multiple sections of a session. The session could be a presentation or workshop for example. Here's a screen-shot of the application:

Application screenshot

  • Each session has a name, shown at the top of the screen.
  • The session consists of multiple sections.
  • Each section is shown with its name, speaker, duration and a progress bar.
  • The active section is indicated by a play-button icon.
  • The progress bar counts back for the duration of the active section.
  • When the timer of a section reaches 0:00, the next section will automatically become active.

This app is still in active development (see backlog below).

Backlog

Must

  • Make session and sections configurable (now hard-coded).
  • Add ability to save and load a session from config file.
  • Add persistence to survive a browser refresh.

Should

  • Add configuration UI for configuring a session and sections.
  • Add pause / resume capability.
  • Add ability to manually activate another section.
  • Make UI configurable (colors, font, progress-bars, light-/dark-mode).

Could

  • Add presenter notes per section.

Technology

The app is built using Blazor and runs in the browser on Web Assembly.

Disclaimer

The author can in no way be held liable for damage caused directly or indirectly by using the code in this repository.

session-timer's People

Contributors

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