launchscout / live_deck

A Real-Time Presentation Application Powered by Phoenix LiveView

LiveDeck

LiveDeck is an interactive presentation deck built with Elixir, Phoenix, and LiveView. The web-based slide deck features provide the ability to display real-time data and for engaging audience interactions. The deck comes with several themes and slides templates to create beautiful presentations out of the box.

Getting Started

Run asdf install to pull in Erlang, Elixir, and Node versions.

To start your Phoenix server:

• Install dependencies with mix deps.get
• Create and migrate your database with mix ecto.setup
• Install Node.js dependencies with npm --prefix=assets install (append --force phoenix_live_view to update the NPM Live View dependency if there has been an update to the phoenix_live_view mix dep since your last run of the project)
• Start Phoenix endpoint with mix phx.server

Now you can visit localhost:4000 from your browser.

Contributing

CI

CI will run the following commands on the codebase:

1. mix credo
2. mix format --check-formatted
3. mix coveralls --trace (tests + test coverage)
4. mix dialyzer (static type analysis)

Local Development

Run mix check to check code quality.

It checks compiler, credo, dialyzer, ex_doc, ex_unit, formatter, npm_test and sobelow by default. excoveralls is added to config file. To skip any check add {:toolname, false}, in the tools array of .check.exs file. To add custom command on a tool add {:toolname, command: "mix command"} in the tools array of .check.exs file.

For more info visit: https://github.com/karolsluszniak/ex_check https://hexdocs.pm/ex_check/0.9.0/Mix.Tasks.Check.html#content

Deck Configuration

The deck theme, slide order, slide backgrounds, and slide notes can be configured in the lib/live_deck/presentations/config.ex file. Read more about the the configuration settings here.

Deck Themes

LiveDeck includes beautiful themes that change the colors and typeography of the whole deck. Themes also include several background options for slides. View all the deck themes here.

Deck Templates

LiveDeck includes many different slide layouts we call slide templates. View all the deck templates here.

Deck Remote and Presenter Mode

Your presentation can be controlled through a seperate webpage we call the remote. The remote adapts to presenter mode when viewed on a desktop or laptop. Learn more about the deck remote here.

More Info

• Phoenix Docs: https://hexdocs.pm/phoenix
• Phoenix LiveView Docs: https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html
• Elixir Docs: https://hexdocs.pm/elixir/Enum.html
• Ecto Docs: https://hexdocs.pm/ecto/Ecto.html
• Ecto SQL Docs: https://hexdocs.pm/ecto_sql/Ecto.Adapters.SQL.html#content
• Erlang Docs: https://erlang.org/doc/search/

License

See the LICENSE file for license rights and limitations (MIT).

live_deck's Issues

License?

This looks like an awesome project. Really cool.

How are y'all thinking about licensing it?

Connect Live Data to Slide Charts

Cobalt Theme

Create a theme using cobalt blue color scheme

Add Template to Deck with Command Line

Add Current Date To Header

Dynamically display the current date on the right side of the header.

Header content is found here: templates/index.html.leex

Add User Authentication

Need user authentication to limit access to the presentation remote.

Update Control Agent On Config Reload

Allow for templates to be edited by markdown.

Should we have the template content edited in markdown? This will allow for less control over the HTML templates.

Reveal Content on Next Button Click

Clicking the next button to reveal bullets or other content.

Add Audience Poll

Add the ability to poll a presentation's audience and display results live in the talk.

Pohō Theme

Create a colorful blob-like theme with subtle animations.

Create Animations Transitions for Slides

Add CSS animations for the different templates to transition in.

Add templates for code snippets with syntax highlighting

Fix Responsive Layout of Slide Templates

Adjust current template styles to display on smaller screen sizes.

Change Deck Theme in Config File

Add the ability to adjust the deck theme which pulls a unique CSS file into presentation slides.

Create Speaker Presentation Mode

Add the speaker mode to the remote screen on desktop sizes.

include

• Current Slide Thumbnail
• Next Slide Thumbnail
• Slide Notes
• All Slide Thumbnails

Re-factor and Improve Loading of Deck Thumbnails on Remote View

Create generators to create new deck and slides (with templates)

Refactor CSS

Remove unused styles and partials for unused features.

Publish Presentation Decks

Create a page where LiveDeck presenters can share their decks with their audience to view after the talk.

Audience Feedback

Add the ability for the audience to submit feedback on slides during and after the talk.

Share Slide Notes with Audience

Reveal Bullets in List

Animate the bullets in order as the next button is clicked.