Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 23 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,23 +1,36 @@
# COVID-19 Tracker

### [Live Site](https://covid19statswebsite.netlify.com/)
### [Live Site](https://gleaming-buttercream-1dc6e5.netlify.app)
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

Fix heading level violation.

The heading level jumps from h1 to h3, which violates markdown best practices and accessibility guidelines.

Apply this diff to fix the heading hierarchy:

-### [Live Site](https://gleaming-buttercream-1dc6e5.netlify.app)
+## [Live Site](https://gleaming-buttercream-1dc6e5.netlify.app)
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
### [Live Site](https://gleaming-buttercream-1dc6e5.netlify.app)
## [Live Site](https://gleaming-buttercream-1dc6e5.netlify.app)
🧰 Tools
🪛 markdownlint-cli2 (0.17.2)

3-3: Heading levels should only increment by one level at a time
Expected: h2; Actual: h3

(MD001, heading-increment)

🤖 Prompt for AI Agents
In README.md at line 3, the heading level jumps from h1 to h3, violating
markdown best practices and accessibility guidelines. Change the h3 heading to
h2 to maintain a proper heading hierarchy and improve document structure.


![COVID-19 Tracker](https://i.ibb.co/X87BqVY/Screenshot-2020-04-13-at-10-14-58.png)

### [🌟 Become a top 1% Next.js 13 developer in only one course](https://jsmastery.pro/next13)
### [🚀 Land your dream programming job in 6 months](https://jsmastery.pro/masterclass)
# 🦠 Covid-19 Tracker

## Stay up to date with new projects
New major projects coming soon, subscribe to the mailing list to stay up to date https://resource.jsmasterypro.com/newsletter
A React-based web app that shows live Covid-19 cases, recoveries, and deaths using public APIs.

## Introduction
This is a code repository for the corresponding video tutorial.
## 🚀 Live Demo
👉 [Visit Now](https://your-new-netlify-url.netlify.app)
Comment on lines +11 to +12
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🛠️ Refactor suggestion

Update placeholder URL in Live Demo section.

The Live Demo section contains a placeholder URL that needs to be updated with the actual deployment URL.

Apply this diff to use the actual deployment URL:

-👉 [Visit Now](https://your-new-netlify-url.netlify.app)
+👉 [Visit Now](https://gleaming-buttercream-1dc6e5.netlify.app)
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
## 🚀 Live Demo
👉 [Visit Now](https://your-new-netlify-url.netlify.app)
## 🚀 Live Demo
👉 [Visit Now](https://gleaming-buttercream-1dc6e5.netlify.app)
🤖 Prompt for AI Agents
In README.md around lines 11 to 12, the Live Demo section contains a placeholder
URL. Replace the placeholder URL with the actual deployment URL to ensure users
can access the live demo correctly.


In this video, we will create a full COVID-19 Tracker. We're going to use React, Charts.JS and Material UI.
## 🛠️ Tech Stack
- React.js
- Chart.js or Recharts
- Axios / Fetch
- CSS / Bootstrap / Tailwind

By the end of this video, you will have a strong understanding of React's workflow and the use of hooks.
## 🐞 Fixed Issues
- API not loading for India ✅
- Deaths count not updating ✅
- Live time display issue ✅

API used: https://covid19.mathdro.id/api
## 📦 Installation
```bash
git clone https://github.com/your-username/covid-tracker.git
cd covid-tracker
Comment on lines +26 to +28
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🛠️ Refactor suggestion

Update git clone URL with actual repository.

The installation instructions reference a placeholder repository URL that should be updated with the actual project repository.

Replace the placeholder with the actual repository URL from the PR context.

🤖 Prompt for AI Agents
In README.md around lines 26 to 28, the git clone command uses a placeholder
URL. Replace "https://github.com/your-username/covid-tracker.git" with the
actual repository URL for this project to ensure users clone the correct
repository.

npm install
npm start


API used: https://disease.sh/v3/covid-19/countries

Setup:
- run ```npm i && npm start```
Loading