Skip to content

opensource254/covid-19-web-react

Repository files navigation

favicon

COVID-19 Outbreak Tracker

Gitter

Woohoo!! 🎉🎉 Finally its shipped in the real-world. 📦 It's live here

Well, Upon learning & practicing ReactJS & Gatsby I have came up with an idea to build a real-world application & my minds popped out with this awesome idea! ⚡ Been building this since last 6-7 days. ⏱ Aaaand finally its here. MY FIRST EVER OPENSOURCE CONTRIBUTION! Self learning really paid off! 💯

I've learnt so many things in the way of making this application 📝 and ways to do the same work in different ways. Specially from Ben Awad 🥇 is truly an inspiration to me. Apart from that I wanna thank to these mentors as well for being there to teach people in a effective way 💯

  1. 🔥 Traversy Media
  2. 🔥 Scott from LevelUpTuts
  3. 🔥 Dev' ed
  4. 🔥 Ihatetomatoes

✅ This is a simple, beautiful ⚛ React & Gatsby application that fetches public APIs & shows global coronavirus outbreak data. Public data from http://worldometers.info.

🚀 Quick start

  1. Clone this Repo

    Clone this repo by typing following command

    git clone https://github.com/Opensource-254/covid-19-web-react
  2. Start developing.

    Navigate into your new site’s directory and start it up.

    npm i
    cd covid-19kenya/
    gatsby develop

    or run production

    cd covid-19-web-react/
    npm i
    npm run build
    npm run serve
  3. Open the source code and start editing!

    Your site is now running at http://localhost:8000!


⚡ Core features

  1. Application config in one place

  2. 100% SEO optimized

  3. 100% PWA

  4. Data passing with props

  5. Built with sass

  6. Modular file structure and more..


🚀 Contribution

If you wanna contribute to #OpenSource community, please create a PR.

Contributors

  • 💻 Authors:

Cyrus mbithi Bill Kariri

https://covid19ke.site