Inspiration
What inspired me was the situation we are facing. There are a few questions I asked myself: Where can I learn more about COVID-19? How do I see where I am the safest from this virus? How can I get food if I run out of it?
What it does
This app is designed with a clean UI to make it simple to use for just about anyone. It gives you solutions to every problem I stated above. It gives you some info about Covid-19 It gives you the data of what countries and what states in the U.S have the most infected people It gives you nearby restaurants to order food from It gives you Covid-19 specific news It also gives you a form that you can fill out to see if you are infected.
How I built it
I built it using ReactJS for the front end. Since I was the only member of my team, I used an API to fetch data about the cases of Covid-19 around the world and the U.S specifically. I used various libraries to make my app look clean and easy to use.
Challenges I ran into
I was able to use only one API and the rest of the data was mocked. It was challenging to find the right APIs to fetch data from.
Accomplishments that I'm proud of
I created a lot of modules to make my code look clean. It makes it easy to come back to. Also, I made sure my code is as clean as possible for someone else to read. I was trying to deploy the app but could not do it. I think I need to learn more about deployment with Heroku.
What I learned
I learned new ways of writing React code. I learned that it is better to create a folder for each component and have 2 files in that folder. One is the component itself, the other one is index.js. It makes it look clean in my opinion
What's next for Covid-404
There are 2 more APIs I would like to fetch data from. One is for news and the other one is for the nearby Restaurants. Also, I was thinking of adding a quiz that tells you whether or not you are infected by the virus. I believe that requires more knowledge of the virus.
Log in or sign up for Devpost to join the conversation.