mdsaifalam96 / covid19graph

Home Page:https://covid19graph-mu.now.sh/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

COVID-19 Graph using Vue.js

This is a web application that displays a graph showcasing COVID-19 data using Vue.js and the COVID-19 Graph API. The application fetches data from the API and presents it in a visual graph format, allowing users to track the spread and impact of COVID-19 over time. This README file provides an overview of the application, its features, and instructions on how to set it up and run it on your local machine.

Features

Graphical Representation: The application presents COVID-19 data in the form of a graph, providing a visual representation of the spread and trends of the virus. Data Filtering: Users can filter the displayed data by country or region, allowing them to focus on specific areas of interest. Interactive Interface: The graph supports interactive features such as zooming and panning, enabling users to explore the data in more detail. Historical Data: Users can view historical data, allowing them to analyze past trends and patterns. Responsive Design: The application is designed to be responsive, providing a consistent and optimal user experience across different devices.

Setup Instructions

To run the COVID-19 Graph web application on your local machine, follow these steps:

Clone the repository to your local machine using the following command:

git clone https://github.com/your-username/covid19-graph.git

Navigate to the project directory:

cd covid19-graph Run the application with the following command: npm run serve Open a web browser and visit http://localhost:8080 to access the COVID-19 Graph application.

Requirements

To run the COVID-19 Graph application, ensure that you have the following installed:

Node.js npm

Technologies Used

The COVID-19 Graph application is built using the following technologies:

Vue.js: A progressive JavaScript framework for building user interfaces. Vue Router: A routing library for Vue.js applications. Chart.js: A JavaScript library for creating responsive and interactive charts. COVID-19 Graph API: An API that provides COVID-19 data for various countries and regions. Contributing Contributions to the COVID-19 Graph web application are welcome. If you would like to contribute, please follow these steps:

Fork the repository.

Create a new branch for your feature or bug fix.

Make your changes and test thoroughly.

Commit your changes with descriptive commit messages.

Push your changes to your forked repository.

Submit a pull request, explaining the changes you have made.

Wait for the maintainers to review and merge your pull request.

License

The COVID-19 Graph web application is released under the MIT License. Feel free to modify and distribute the application as per the terms of the license.

Contact

If you have any questions, suggestions, or feedback, please contact the development team at:

Email: mdsaifalam96@gmail.com

Acknowledgements

We would like to acknowledge the COVID-19 Graph API for providing the data used in this application. We are grateful for their efforts

About

https://covid19graph-mu.now.sh/


Languages

Language:Vue 85.9%Language:HTML 9.7%Language:JavaScript 4.4%