DEV Community

Agustinus Nathaniel
Agustinus Nathaniel

Posted on • Originally published at sznm.dev on

1

May 2020 Quarantine Self Challenge

Recently I challenged myself to make a web app as soon as possible in two days. Managed to make two. One is a simple Food Recipe App and the other is COVID-19 Data App. Turned out it was so fun.

1. Le Cook

Fun food recipe catalog app powered by RecipePuppy API....

https://le-cook.now.sh/

Le Cook (1) Le Cook (2) Le Cook (3)

2. COVID-19 Data

presenting COVID-19 statistics powered by @mathdroid's covid-19-api. I made a vanilla JS version of this app several days ago and I decided to re-develop it using Gatsby (React).

https://covid19data.now.sh/

COVID-19 Data App (1) COVID-19 Data App (2) COVID-19 Data App (3)

Both Le Cook and COVID-19 Data app were developed using Segment's Evergreen UI. Just discovered this React UI Framework and turns out it's so convenient to implement it on these projects.

When developing COVID-19 Data app, I realized Evergreen UI have no opinionated way to construct responsive layouts. So, I decided to combine it with TailwindCSS which I already tried to use at this personal site. It worked.

Evergreen UI (1) Evergreen UI (2) Evergreen UI (3) Evergreen UI (4)

I decided to deploy it using Vercel and I'm so shocked by how fast it is compared to Netlify. I'm considering to migrate to Vercel from Netlify for my previous projects, including this site.

I posted my recent projects here. You can access the project and the project's GitHub repository link from this page.

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay