Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/scc416/weather

A simple weather app built with Vue3
https://github.com/scc416/weather

axios deploy deployment material moment moment-js momentjs netlify vue vue-3 vue-cli vue-material vue-material-icon vue3 vuejs weather

Last synced: about 1 month ago
JSON representation

A simple weather app built with Vue3

Awesome Lists containing this project

README

        

# Weather

A simple weather app.

## Table of Content

- [Live Demo](#live-demo)
- [Final Product](#final-product)
- [Dependencies](#dependencies)
- [Getting Started](#getting-started)
- [Credits](#credits)

## Live Demo

The web app is deployed to [Netlify](https://www.netlify.com):
https://the-weather-vue.netlify.app/

## Final Product

![desktop](./docs/desktop.png)
![phone](./docs/phone.png)

## Dependencies

- [Vue.js](https://vuejs.org/)
- [jscharting-vue](https://jscharting.com/)
- [axios](https://axios-http.com/)
- [moment.js](https://momentjs.com/)
- [vue-material-design-icons](https://github.com/robcresswell/vue-material-design-icons)

## Getting Started

1. Clone or download this repository onto your local device.
2. `cd` to the folder where this project is cloned.
3. Install all dependencies with `npm install` command.
4. Run the app in the development mode with `npm run serve` command.
5. Open the broswer and visit: [http://localhost:8080/](http://localhost:8080/).

## Credits

- [Design](https://www.behance.net/gallery/140114835/Clima-Status) from [Clima Status](https://www.behance.net/celesteortman) on [Behance](https://www.behance.net/)
- [Icon](https://www.flaticon.com/free-icons/rain) by [iconixar](https://www.flaticon.com/authors/iconixar) from [Flaticon](https://www.flaticon.com/)