May 2020 Quarantine Self Challenge

This story was originally published here.

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

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

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.

--

--

--

Don’t have to know everything. Just the right thing.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

What they never told you about Redux

Events: Your first lesson in JavaScript

LWC: How to update child component’s data from parent component, without refreshing or…

What is the difference between angular 2 and angular 4?

Tired of circular dependency in Typescript/Node.js?

My Experience Learning Redux & Django After First Experiences with React

Create and Publish Your Own NPM Module

Algorithms and Data Structures Part X

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Agustinus Nathaniel

Agustinus Nathaniel

Don’t have to know everything. Just the right thing.

More from Medium

Person is a ready-to-use chatbot for bloggers and public figures

How to Live A Fantastic Life with special guest Travis Belanger

All you need to know about upcoming technology

3 Tips On Time Management For College Students