COVID-19 Tracker with REACT JS (React Hooks and Material UI)

Last update: Jul 27, 2022

COVID-19 Tracker with REACT JS

๐Ÿ”ด LIVE DEMO

PREREQUISITES:

  • Install Node JS in your computer HERE

React js Cshark Mysql

This project was bootstrapped with Create React App.

Available Scripts

npx create-react-app covid_tracker

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.

Available MATERIAL-UI Scripts

MATERIAL-UI HERE

npm install -f @material-ui/core

๐Ÿ’ป Replit

image

GitHub

https://github.com/SashenJayathilaka/COVID-19-Tracker
You might also like...

A Crypto Tracker Built with React And Flexbox

Crypto Tracker with ReactJS Click demo to try it by yourself! Crypto Tracker Demo Link You can view the site here Click Me Note: Demo running very slo

Jun 30, 2022

Budget-app ts context tw - A simple expense tracker app for practicing React with Context API, Tailwind CSS and TypeScript

Budget-app ts context tw - A simple expense tracker app for practicing React with Context API, Tailwind CSS and TypeScript

budget-app_ts_context_tw (a simple expense tracker app for practicing React with

Jun 4, 2022

With Expense Tracker you control your expenses and take control of your finances

With Expense Tracker you control your expenses and take control of your finances

๐Ÿงช Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: React

Dec 31, 2021

Habit tracker web application. HTML5, CSS3 and ReactJS.

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

Feb 26, 2022

Crypto-Expence-Tracker: keep an eye on the top trends on the market, crypto prices, and all their details

Crypto-Expence-Tracker: keep an eye on the top trends on the market, crypto prices, and all their details

The crypto is a capstone built with React/redux, SASS, and the coinbase API. It helps them to keep an eye on the top trends on the market, crypto prices, and all their details.

Mar 21, 2022

The IP address tracker app fetches location data using an IP address and then displays the location on an interactive map

The IP address tracker app fetches location data using an IP address and then displays the location on an interactive map

The IP address tracker app fetches location data using an IP address and then displays the location on an interactive map. It also uses the user's IP address to fetch and display the user's location on the map.

Jul 26, 2022

A Expense Tracker With React, Context

A Expense Tracker With React, Context

Expense Tracker With React, Context ScreenShot Getting Started with Create React App This project was bootstrapped with Create React App. Available Sc

Jun 30, 2022

MoneyMoney Finance Tracker Built With React

MoneyMoney Finance Tracker Built With React

Jun 30, 2022

A simple github repository tracker, made with React

GitRepos A simple github repository tracker, made with React. The site is deployed here Installation & Usage Installation Clone or download this repos

Nov 11, 2021
This is a Covid-19 tracker app built with React JS, Material UI, React Hooks and Chart JS also with the use of API calling.
This is a Covid-19 tracker app built with React JS, Material UI, React Hooks and Chart JS also with the use of API calling.

Info This is a Covid-19 tracker app built with React JS, Material UI, React Hooks and Chart JS also with the use of API calling. API ?? https://covid1

Mar 24, 2022
COVID-19 Tracker with REACT JS (React Hooks and Material UI)
COVID-19 Tracker with REACT JS (React Hooks and Material UI)

COVID-19 Tracker with REACT JS ?? LIVE DEMO PREREQUISITES: Install Node JS in your computer HERE This project was bootstrapped with Create React App.

Jul 27, 2022
Finance-Tracker - A basic finance-tracker application built using Next.js, React Hooks and Context API

Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind

Jan 2, 2022
Covid19-Tracker ๐Ÿฆ  - showcases react projects of covid cases from all countries

This is My react capstone project, This project is talking about covid cases in all countries in the world and also displays all the information details to each country with all covid cases or recovered cases.

May 31, 2022
A simple project to display clean and concise Covid-19 Statistics by country. โš›๏ธ React.js โš›๏ธ React Query ๐Ÿ’… Tailwind CSS ๐Ÿ”Ž Google Analytics
A simple project to display clean and concise Covid-19 Statistics by country. โš›๏ธ React.js โš›๏ธ React Query ๐Ÿ’… Tailwind CSS ๐Ÿ”Ž Google Analytics

A simple project to display clean and concise Covid-19 Statistics by country. โš›๏ธ React.js โš›๏ธ React Query ?? Tailwind CSS ?? Google Analytics

Apr 6, 2022
React application that scans, decodes and validates EU Digital COVID-19 certificates, all in the browser.

EU Digital Covid Certificate Decoder This project can scan, decode and validate the EU Digital Covid Certificates used in European Union countries as

Jul 6, 2022
Web application that tracks the covid-19 statistics in Chile and its regions.
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.

Mar 17, 2022
React Covid: a practical project to user APIs in a base level
React Covid: a practical project to user APIs in a base level

React Covid This a practical project to user APIs in a base level. Just fetch data and render it in components. API This project use the same API that

Jul 25, 2022
A simple ReactJS app that displays latest stats about COVID-19
A simple ReactJS app that displays latest stats about COVID-19

A simple ReactJS app that displays latest stats about COVID-19. Installation git clone https://github.com/sambreen27/covid19.git cd covid19 npm instal

Oct 28, 2021
May 14, 2022