code-shoily

code-shoily

A Covid19 Dashboard build with LiveView

Started this to learn about LiveView. The idea was to pull Covid19 data from the Center for Systems Science and Engineering (CSSE) repository and display with Phoenix LiveView. Learned a lot in the process and recently used Surface, which was a breeze. Thought I’d like to share it.

Some screenshots-


This is a work in progress and will add more things to it soon. Any feedback/suggestion is welcome :slight_smile:

Most Liked

code-shoily

code-shoily

Thank YOU for reading the code :slight_smile: … I’m glad it helped you.

Surface is amazing- can’t praise it enough. I converted the components to Surface last weekend; the whole process took 2 days. I learned a lot in the process (through the usual first timer’s struggle). I am currently working on a larger project which I am for the most part, using Surface. I intend to write about it and also make 90% of it open source. This dashboard was like a proof of concept for me to see how can my mind scale to LV way. Proved to be exceptionally good so y’all be seeing more of me :slight_smile:

aimerib

aimerib

I was struggling a little bit with how to get Surface properly implemented in my project, and just by looking at your code a bunch of things clicked. Many many thanks for publishing this code!

code-shoily

code-shoily

Thank you so much :slight_smile:

I was thinking about it too. But there are some known issue I wanted to take care of before hosting this.

  1. Data fetching and massaging modules did not get much love and I was thinking about fixing them a little before hosting. There are some very wrong spikes in places.
  2. The over the wire data size could shed some KBs. It used to be 1500Kb, now its ~500Kb and I can take 200Kb off by lifting some hook data-* up one level.

My intention was to create a discardable toy product to learn about LiveView but I got too carried away after the pleasant learning curve and developer UX if LV and Surface.

Where Next?

Popular in Discussions Top

Other popular topics Top

sen
Hi All, I set a environment variables in dev.exs , like below code. when i start server, how can i set the ${enable} value? thanks. d...
New
TunkShif
This post is an instruction guide to help you setup your Neovim for Elixir development from scratch. It includes general information on h...
274 41454 115
New
chrismccord
Phoenix 1.4.0 released Phoenix 1.4 is out! This release ships with exciting new features, most notably with HTTP2 support, improved deve...
688 30840 112
New
albydarned
Hello all! I am typing this post from my new MacBook Pro with the M1 chip. I’m loving it so far, and will probably use it as my daily dr...
New
lessless
I believe there are people here who are dealing with CSV files import on the daily basis, and since Excel is a really popular tool there ...
New
jononomo
I am trying to figure out how Mix knows whether the environment is test, dev, or prod -- where is this set? Thanks.
New
stefanluptak
Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
New
bsollish-terakeet
Credo is smart enough to check for (something like) this: assert length(the_list) == 0 with this response: Checking if an enum is empt...
New
WestKeys
Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...
New
openscript
Hello! Sorry for this astonishing simple question, but I’m really stuck. I try to set up the intellij-elixir plugin, but I don’t know ho...
New

We're in Beta

About us Mission Statement