The Covid-19 data-app collects information from API and present data for the novel coronavirus.

Overview

COVID-19-data-app

This project was bootstrapped with Create React App.

The Covid-19 data-app collects information from API and present data for the novel coronavirus.

Live demo comming soon

Live Demo Link on Netlify

Built With

  • HTML
  • CSS
  • JavaScript
  • React
  • Redux

Prerequisites

  • VScode or other editor

Install

Cloning the project

git clone https://github.com/sentayhu19/COVID-19-data-app

- cd COVID-19-data-app
- npm install # Local dependencies if you want to hack
- npm install -g # Install globally 
- npm start

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

Author

👤 Sentayhu Berhanu

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

📝 License

This project is MIT licensed.

You might also like...

Long-press `⌘` key or press `?` to present a shortcut guide for your Web application.

Long-press `⌘` key or press `?` to present a shortcut guide for your Web application.

React Shortcut Guide Status: Alpha Long-press command or press ? to present a shortcut guide for your Web application. Gzip+minify 3kB Install npm i

Jul 29, 2022

Present your links in style 🔗🔮

Present your links in style 🔗🔮

links Present your links in style 🔗 🔮 links screenshot Have you ever wanted a place that can make all your profiles and links nicely organized, easi

Nov 25, 2022

This blog is still under development! I present a project scope for science articles, it can now be used in production! But there are some details that need to be put up front.

Science-Blog 🛑 Attention! This blog is still under development! I present a project scope for science articles, it can now be used in production! But

Sep 19, 2022

nice-dag is a lightweight javascript library, which is used to present a DAG diagram.

nice-dag is a lightweight javascript library, which is used to present a DAG diagram.

Nice-DAG Overview Nice-DAG is a lightweight javascript library, which is used to present a DAG diagram. Essentially, it uses dagre to layout nodes and

Oct 25, 2022

It shows an effective way to correct bus arrival information using data analytics based on Amazon Serverless such as Kiness Data Stream, Kinesis Data Firehose, S3, and Lambda.

It shows an effective way to correct bus arrival information using data analytics based on Amazon Serverless such as Kiness Data Stream, Kinesis Data Firehose, S3, and Lambda.

Amazon Serverless를 이용한 실시간 버스 정보 수집 및 저장 본 github repository는 버스 정보를 주기적으로 수집하여 분석할 수 있도록, Amazon Serverless인 Amazon Kinesis Data Stream, Kinesis Data

Nov 13, 2022

Get api covid-19 Việt Nam ncov.moh.gov.vn

Get api covid-19 Việt Nam ncov.moh.gov.vn

ApiCovidVietNam Test : click here Tính Năng Get api covid-19 Việt Nam ncov.moh.gov.vn Hướng dẫn cài đặt ApiCovidVietNam yêu cầu Node.js v14+ để chạy.

Jul 29, 2022

Simple weather app written in HTML, CSS, and JavaScript using the OpenWeather API for fetching weather and geolocation information

Simple weather app written in HTML, CSS, and JavaScript using the OpenWeather API for fetching weather and geolocation information

Description Simple weather app written in HTML, CSS, and JavaScript using the OpenWeather API for fetching weather and geolocation information. Acknow

Feb 23, 2022

TV Shows Web App - A web application based on an external API which contains information about TV shows

TV Shows Web App - A web application based on an external API which contains information about TV shows. th web app let you like the shows that you like the most and comment what you think about them making use of an involvement API to save this interaction information.

Dec 17, 2022

TV Shows Web App - A web application based on an external API which contains information about TV shows

TV Shows Web App - A web application based on an external API which contains information about TV shows. th web app let you like the shows that you like the most and comment what you think about them making use of an involvement API to save this interaction information.

Dec 17, 2022
Comments
  • Covid-19 webapp

    Covid-19 webapp

    In this PR

    • When the page loads, the web app shows the list of countries.
    • Along with the country name there is a Total country confirmed numerically.
    • When Countries are clicked the application navigates to the details page.
    • When the user clicks (or taps) on a category item, the application navigates to the details page.
    • On the details page, the web app retrieves data from the API Narrativa API:
    • Using design from design guidelines,
    • To show detailed data in the countries.
    • Create unit tests for Redux (Reducer), List Item, and App.
    • The list of countries can be sorted based on the total number of confirmed and Country names as ASC., or DSC.
    • Presentation video : https://www.loom.com/share/7bf4186266644221844df6dfaa04ba83
    opened by sentayhu19 1
Owner
Sentayhu berhanu
Full stack developer | HTML| CSS | JavaScript | Ruby | Django and C++, Java, MySql, Python
Sentayhu berhanu
Anime, Manga, and Light Novel Tracker Application for Windows

Courier Courier is an Anime, Manga, and Light Novel Tracker Application for Windows. With the help of AniList, this desktop app helps you manage and t

Kevin Hoang 8 Oct 5, 2022
A novel approach for security and user experience of Graphical Password Authentication.

Graphical Password Authentication Alohomora Harry Potter themed (not really) Graphical Password Authentication Flowchart and Architecture Solution Dem

Akshat Shah 10 Dec 15, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
JOSE ZEPEDA 10 Nov 18, 2022
The Main Purpose The main purpose of creating an anaonline information system, as an effort responsive to the management of the data of the Members of the Persis Youth based on information technology systems

landing-page-pp landing-page-pp.vercel.app #The Main Purpose The main purpose of creating an anaonline information system, as an effort responsive to

Hilman Firdaus 6 Oct 21, 2022
Website to present projects made by me and that are part of my personal portfolio. It was made using React, HTML y Scss (CSS).

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Portfolio Jesús Leal 0 Dec 23, 2021
kimchi is a staple Korean side dish that's present at almost every meal.

(✿◠‿◠)*:・゚✧ (c) 02/2021 Dear reader, Essentially, kimchi is a staple Korean side dish that's present at almost every meal. It's fermented napa cabbage

null 0 Sep 20, 2022
Use XMind share to present your .xmind files on your blog or website.

XMind Embed Viewer Use XMind share to present your .xmind files on your blog or website. Demo Quick start Install As an npm module npm i xmind-embed-v

XMind Ltd. 25 Dec 7, 2022