Git Product home page Git Product logo

henrykc24 / covid19-info-finder Goto Github PK

View Code? Open in Web Editor NEW
9.0 2.0 1.0 22.69 MB

The application shows information about the coronavirus situations in the world. It is built around an API to fetch the needed data. It can show information on the country level as well as region and sub-region levels. You can actually find covid19 information using a date filter. This is a capstone project for my React/Redux course at Microverse Inc.

License: MIT License

HTML 12.41% JavaScript 70.59% CSS 16.99%

covid19-info-finder's Introduction

Covid-19 Information App

The application shows information about the coronavirus situations in the world. It is built around an API to fetch the needed data. It can show information on the country level as well as region and sub-region levels. You can actually find covid19 information using a date filter. This is a capstone project for my React/Redux course at Microverse Inc.

Biult with:

  1. HTML
  2. CSS
  3. JavaScript
  4. React
  5. Redux

Online Demo Links

View App Online

App Intro Video

View App Intro

App Screenshot (Desktop)

print

App Screenshot (mobile)

print

App Screenshot (Tests Results)

print

Getting Started

  • Click on the Code green drop down button then COPY.
  • In your local PC, open your terminal in the folder you would like to clone the repository into
  • Clone the repository with the command: git clone (copied link); like so: git clone https://github.com/HENRYKC24/covid19-info-finder.git
  • After the clone, type in the command cd covid19-info-finder to access the app directory on the terminal
  • Run npm install to get all the project dependancies.
  • Run npm run start to start the dev-server.

Tests

  • Run npm test.

Author

๐Ÿ‘ค Henry Kc

Contributing

Contributions, issues, and feature requests are welcome! Feel free to contribute

Feel free to check the issues page.

Show your support

Give a โญ๏ธ if you like this project!

Acknowledgments

  • A spcial thanks to Nelson Sakwa, the creator of the original design, for providing me with the design template used for this project.
  • I remain indepted to the Facebook team that developed create-react-app and React Redux as open source.
  • A special thanks to Microverse for inspiring this project. I really appreciate.
  • A special thanks goes to all my peers at Microverse for being ther for me.

๐Ÿ“ License

This project is MIT licensed.

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.