Giter Site home page Giter Site logo

danuluma / covid-19-web-react Goto Github PK

View Code? Open in Web Editor NEW

This project forked from opensource254/covid-19-web-react

0.0 0.0 0.0 331 KB

An opensource application showing the corononavirus outbreak

Home Page: https://covid19ke.site

JavaScript 68.25% CSS 31.75%

covid-19-web-react's Introduction

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

covid-19-web-react's People

Contributors

billthebuilder avatar conradke avatar lewenei avatar stanleymasinde avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.