This is Covid-19 data that shows for each country.You can search your country and know its statistics .

Related tags

React Covid-tracker
Overview

COVID-19 Data TRACKER

This is Covid-19 data that shows for each country.You can search your country and know its statistics .

Built With

  • HTML, CSS, SCSS, JS
  • React, Redux

Presentatin Link

Live Demo

Available Scripts

In the project directory, you can:

Run the app in the development mode

  • Launch your terminal,
  • cd into the directory where you want to clone your project,
  • Enter the commands below
$ git clone [email protected]:damdafayton/group-project-spacehub.git
$ npm install
$ npm start

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

Launch the test runner in the interactive watch mode

npm test

Build the app for production to the build folder

npm run build

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.

Eject the app

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

👤 Samiullah Bahadur

🤝 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!

Huge Thanks

I give my huge thanks for Nelson Sakwa on Behance. For wonderful template on Behance.

📝 License

You might also like...

Get updates in Telegram when a vaccination center available in your pin code. We can win Covid 🤝

Cowin Bot Get updates in Telegram when an vaccination center available in your pin code. We can win Covid 🤝 Commands: /start - Start the Bot /help -

Oct 3, 2022

A Google Clone which built with ReactJS. You can click the demo and search whatever you want!

Google Clone with ReactJS A small web app that imitate the desktop web version of google site, you can search whatever you want. Google Clone Demo Lin

Aug 14, 2022

This application allows you to create a list to keep tracks of the books you are reading and check the progress for each book.

This application allows you to create a list to keep tracks of the books you are reading and check the progress for each book.

Bookstore This is an application built to track the books you are reading and the progress you have made for each book! Additional description about t

Feb 27, 2022

Real-time covid data in Brazil states.

Real-time covid data in Brazil states.

Brazil Covid Data Brazil Covid Data is a web application that allows you to see information about the pandemics on your state just by hovering it on t

Feb 15, 2022

The CryptoVerse is a Cryptocurrency web application developed using Reactjs for providing the latest updates, value statistics, market cap, supply and news regarding the Cryptocurrency market.

The CryptoVerse is a Cryptocurrency web application developed using Reactjs for providing the latest updates, value statistics, market cap, supply and news regarding the Cryptocurrency market.

CryptoVerse - A Crptocurrency Web Application Getting Started with Create React App This project was bootstrapped with Create React App. Available Scr

Oct 26, 2022

A simple PWA to scan your EU digital COVID Certificate and generate a passbook from it

COVID-19 passbook Generator The aim of this project is to let a user scan a EU Digital COVID Certificate with their smartphone, and generate a passboo

Nov 11, 2022

This app helps you keep track of your expenses in months and years. Also, it shows a graph representing those expenses.

This app helps you keep track of your expenses in months and years. Also, it shows a graph representing those expenses.

Expenses Tracker This app helps you keep track of your expenses in months and years. Also, it shows a graph representing those expenses. Built With Ma

Aug 8, 2022

USA Covid-19 Tracker is a mobile-first application built with React and Redux to give precise information about the virus behavior in the United States. Great transitions and user feedback made with plain CSS.

USA Covid-19 Tracker is a mobile-first application built with React and Redux to give precise information about the virus behavior in the United States. Great transitions and user feedback made with plain CSS.

React.js USA Covid-19 Tracker This application allows the public to keep track of the stadistics of the Covid-19 Pandemic in the United Stated. You wi

Oct 25, 2022

Built a covid-19 trcaker app using React.js implementing hooks and materail UI

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

Dec 21, 2021
Comments
  • Covid Tracker

    Covid Tracker

    Project requirements

    I did the below tasks

    • [ ] Colors (select one main color for your website).
    • [ ] Typography: font face, size and weight.
    • [ ] Layout: composition and space between elements

    -### Home page

    • [ ] When the page loads, the webapp shows the list of categories that could be filtered out by some parameter, for example by the category name.
    • [ ] Along with the category name, you will display some numeric values per category that come from the API.
    • [ ] When the user clicks (or taps) on a category item, the application navigates to the details page.

    Details page

    • [ ] In the details page, the webapp retrieves data from the API to show detailed data in the category.
    • [ ] When the user clicks on the "Back" button (<), the user navigates to the home page.

    Testing requirements

    • [ ] Create unit tests for pure functions in your Redux code.

    • [ ] Create integration tests for your application using the React Testing Library.

    • [ ] You may need to mock the access to the API, so that your tests don't send actual requests.

    • [ ] You may need to mock the connection to the Redux Store.

    Technical requirements

    • [ ] The project is a single-page application (SPA) built with React and Redux.
    • [ ] The data retrieved from the API should be stored in the Redux store.
    • [ ] You should filter the data that you retrieve from the API using a Filter stateless component.
    • [ ] Every page (the main page and the pages for each item) should have a unique route within the SPA.
    • [ ] The project should be deployed and accessible online (add a link to the online version of your app to your README file).
    opened by samiullahbahadur 6
Owner
Samiullah Bhadur
"Full-Stack Developer: JavaScript, React, Ruby, Rails. currently looking for new opportunities."
Samiullah Bhadur
Covid-19 Tracker is a mobile web application showcasing the covid-19 statistics in Africa.

Covid-19 Tracker is a mobile web application showcasing the covid-19 statistics in Africa. when the user clicks on the countries' cards, they will be rendered to the details page that contains more information about the covid-19 in the selected country. Also, the user can search for a specific country using the search bar.

Nedjwa Bouraiou 7 Sep 6, 2022
Web application that tracks the covid-19 statistics in Chile and its regions.

Covid 19 Monitor Web page that shows the covid statistics of the country of Chile, all the confirmed cases, the deaths and also the daily statistics.

David Vergaray 6 Mar 17, 2022
A web app built with Covid-19-API that displays Covid 19 cases, deaths and recovery per country in the entire World

Covid19 Tracker A web app built with Covid-19-API that displays Covid 19 cases, deaths and recovery per country in the entire World Built With HTML, C

Promise Okechukwu 4 Nov 1, 2022
A Webapp related to Crypto go and have a look shows every thing you want to know

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

Kamal joshi 3 Oct 19, 2021
Check EU Digitial Covid Certificates with ease and validate them against country and local rules.

Check EU Digitial Covid Certificates with ease and validate them against local or country rules. What is the purpose of CovidValidator? CovidValidator

Timo Koenig 10 Mar 14, 2022
Website yang memberikan informasi terkait ketersediaan rumah sakit dan tempat tidur rumah sakit untuk pasien covid-19 ataupun non-covid di Indonesia.

Bed Covid RS Indonesia Website yang memberikan informasi terkait ketersediaan rumah sakit dan tempat tidur rumah sakit untuk pasien covid-19 ataupun n

Hendra Agil Syaputra 22 Oct 23, 2022
TV Show App is an application that allows to searh tv shows based on user input. Each tv show is displayed in a Bulma Card component and when clicked, heads you to the official tv show site

TV SHOW APP TV Show App is an application that allows to search tv shows based on user input. Each tv show is displayed in a Bulma* Card component and

HENDEL SAMY 1 Dec 19, 2021
Concircle scanner mobile app is application That helps you scan your order and position and to know if there are exact or not. it's cross-platform app.

Concircle scanner mobile app ⭐ Star on GitHub — it motivates Me a lot! Concircle scanner mobile app is application That helps you scan your order and

Aymen Ouerghui 10 May 7, 2022
A complete habits manager, where you can track your progress and complete each daily activity in an organized way.

TrackIt Habit manager in a dynamic, clear and simple way. TackIt is an application that seeks to make it simple and accessible for any user to control

Rui Neto 13 Dec 31, 2022