Corona Map Tracker

Corona Map tracker made in Vue.js and Vuetify with the use of lmao.ninja and rootnet.in APIs

Getting Started

A Corona (COVID-19) Map tracker made with Vue.js and Vuetify, its a fully functional web application with map of whole world and India, with statistics of corona affected person. This application supports a pwa.

How to use?

• Fork and Clone the Repo.
• Navigate to directory and open Terminal/CMD in that directory.
• After opening terminal/cmd type npm i or npm install
• Then Type npm run serve to run locally (Compiles and hot-reloads for development)
• Or Type npm run build to run for production mode (Compiles and minifies for production).
• After running npm run build it will generate index.html and other files in /dist folder.

Some Features

• A Interactive Map with statistics of every country.
• Specially Made for India with each state of India is located on Map with their statistics.
• Check your Status of being Corona Positive.
• Every day Positive and discharge details of a country.
• A responsive and mobile friendly design.
• Support Progressive web app (PWA).
• Bottom navigation bar for fast navigation.
• Well formated code and can be understandable by anyone.

Show some ❤️ and ⭐ the repo to support the project.

For more, contact me @facebook, @Twitter or @Website @Medium

Screenshots

Desktop

Mobile

Pull Requests

I welcome and encourage all pull requests. It usually will take me within 10-21 hours to respond to any issue or request. Here are some basic rules to follow to ensure timely addition of your request:

1. Match coding style (braces, spacing, etc.) This is best achieved using Reformat Code feature of VS Code SHIFT+Option+F on Mac and SHIFT + ALT + F on Linux + Windows .
2. If its a feature, bugfix, or anything please only change code to what you specify.
3. Please keep PR titles easy to read and descriptive of changes, this will make them easier to merge :)
4. Pull requests must be made against develop branch. Any other branch (unless specified by the maintainers) will get rejected.
5. Check for existing issues first, before filing an issue.
6. Make sure you follow the set standard as all other projects in this repo do
7. Have fun!

👍 Contribution

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -m 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request

Created By 😎

Bharat (Facebook) (Linkedin) (Website)(Twitter)@Medium

Implementation 😇

This project is implemented in Vue.js, Vuetify, VueRouter, PWA and Fetch.

Tested 👏

This Project is Tested in Google Chrome Browser.

Facing Any Problem or need any Help:grey_question:

Write me in issues section. I will try solve your issue within 10-12 hours.
Keep Developing and Destroying. 😉

Follow 🏆

Follow me on 👊 Bharat (Facebook) (Linkedin)(Website)(Twitter)@Medium