code-shoily

code-shoily

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.

https://github.com/code-shoily/covid19

Some screenshots-


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

Showing Posts 1 to 8

pdgonzalez872

pdgonzalez872

This is incredible work. Thanks for sharing!

pawurb

pawurb

Looks amazing. Maybe you could host it somewhere?

code-shoily

code-shoily OP

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.

code-shoily

code-shoily OP

Also, welcome to ElixirForum :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 OP

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:

Jaypee

Jaypee

Also interested by Surface but it lacks (for the moment, I guess) examples of real and complete applications. So thanks for this one ! :+1:

code-shoily

code-shoily OP

Here is a demo I gave on ElixirTo on this, it was before I used surface and was just getting my hands dirty with LV beyond “hello world” so it’s missing a lot of code the repository contains.

— All posts loaded —

Where Next? Top

Trending in Discussions Top

AstonJ
As the title says, please share what you’ve been up to with Elixir. Whether that’s been learning it, looking into it, making stuff with i...
2977 94592 917
New
cblavier
Hey there, It’s been more than a year since we started using LiveView as our main UI library and building a whole library of UI componen...
New
mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
heathen
Quite interesting article Google brought me. Didn’t find any mentions about it here. What do you think in general? Would you use togethe...
New
mhanberg
Hi everyone! The first release candidate for the Expert language server project is now available! We’ve published a press release detai...
New
AstonJ
Since we have deprecated our Erlang sections (as we have dedicated Erlang Forums now) let’s add this thread for those who’d like to post ...
New
maennchen
:warning: Security advisory: Decimal DoS vulnerability A vulnerability has been published for decimal where very large exponents can cau...
New

Other Trending Topics Top

JesseHerrick
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Dmk
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New
webofbits
With AI doing more of the implementation work, I’ve been wondering how much coding I should deliberately keep doing myself. My main conc...
#ai
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews