Covi-Track

Covi-Track is a web application that fectches covid data from API and renders on the screen. It shows all countries with the confirmed covid cases on the homepage, Users can select any country and goto the details page. Details page shows other details for that specific country like recovered cases, confirmed cases, deaths.

Home Page

Details Page

Search

🏗️ Built With

• CSS
• JavaScript
• React JS
• JSX
• Narrativa API

🖇️ LiveLink

• Netlify App

🛫 Getting Started

To get a local copy up and running, follow the steps in Setup below.

Prerequisites

Basic knowledge of HTML, CSS, and JavaScript.

Setup

If you installed git you can clone the code to your machine, or download a ZIP of all the files directly. Download the ZIP from this location, or run the following git command to clone the files to your machine:

git clone https://github.com/tmampa/covi-track.git

• Once the files are on your machine, open the Leaderboard folder in Visual Studio Code, and follow the steps in Installation & Set Up

🛠 Installation & Set Up

1. Install Node Modules

   npm install

2. Start the development server

   npm start

3. Open http://localhost:8080 to view it in the browser.

🚀 Building and Running for Production

1. Generate a full static production build

   npm run build

🧪 Running Tests with Jest

1. Start the development server

   npm run test

💉 Install

The following tools help make easier to work with sample code.

• git: A tool for managing source code
• Visual Studio Code: A source code editor
• NVM

👨🏾‍💻 Author

👤 Tshephang Mampa

• GitHub: tmampa
• LinkedIn: Tshephang Mampa
• Twitter: Tshephangm_

🤝 Contributing

Contributions, issues, and feature requests are welcome!

❤️ Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Thank you for Microverse for providing the required materials

📝 License