Quarantin'd

Quarantin'd: A Covid-19 Quarantine starter kit

Comment 1

Inspiration

Sitting at home during this pandemic, I thought it would be handy to have a single source of information about whats going on along with communication with family and friends, most of whom cannot be seen in person right now.

What it does

Quarantin'd is a mobile app, made with react-native, designed with the Android operating system in mind. It has statistics about the pandemic, both global and country-wise, has answers to many frequently answered questions from credible sources (that are quoted), because misinformation becomes all the more rampant during times of crisis. It also has a feature where you can join a video call with your friends, all without the need of creating an account!

How I built it

  • React-Native: This is the framework used to create mobile apps using React. I was already familiar with React, so I thought I would it to get work done faster.
  • Agora-SDK: I learnt about AgoraIO in one of my previous hackathons, and thought I would use their technology to implement video calling as I was not a complete stranger to it.
  • thevirustracker API: To get real-time data about the pandemic

and some good ol' CSS3 styling to get it all looking nice and pretty

Challenges I ran into

The infamous react-native version mismatch, that pops up for no apparent reason, and randomly ends up breaking the video calling feature

Accomplishments that I'm proud of

Building the mobile app as this was my first step into mobile app development, and things went more smoothly than I thought

What I learned

  • Got very well acquainted with the CSS flexbox layout
  • Learnt how to set up an Android virtual device
  • Learnt about mobile app development and the React-Native framework

What's next for Quarantin'd

  • Fixing current issues with video calling.
  • Making the UI better and adding animations.
  • Compiling more FAQ's from multiple sources.
  • Add a groupchat feature
  • More details about the pandemic (eg: city-wise breakdown, doubling rate, etc)

Built With

Share this project:

Updates