Git Product home page Git Product logo

corona-map-tracker's Introduction

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

corona-map-tracker's People

Contributors

agarwalbharat avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.