Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/morrism1/weather-app

The Weather app is a web project made with HTML5, TailwindCss, and Javascript. I am loading all Weather content from OpenWeatherMap API and Create UI feature to display those data.
https://github.com/morrism1/weather-app

api async-await javascript openweathermap-api

Last synced: 19 days ago
JSON representation

The Weather app is a web project made with HTML5, TailwindCss, and Javascript. I am loading all Weather content from OpenWeatherMap API and Create UI feature to display those data.

Awesome Lists containing this project

README

        

# weather-app

> The Weather app is a web project made with HTML5, TailwindCss, and Javascript. I am loading all Weather content from Openweathermap Api and Create UI feature to display those data.

![screely-1613955963558](https://user-images.githubusercontent.com/46853433/108645269-f77f8280-74ba-11eb-8230-1df423501889.png)

## Built With

- Javascript
- Webpack
- Tailwind 2.0

## Live Demo

[Live Demo](https://awesome-ptolemy-d840b3.netlify.app/)

## Getting Started

To get a local copy of it and run it, follow these simple example steps.

- git clone [Repo](https://github.com/Morrism1/weather-app)
- Run `git branch chore/webpack`
- if you use `npm` remove `yarn.lock` and Run `npm install`.
- Else run `yarn` and `yarn start` to start the application
- To start the project, run `npm start` and Voila!

### Prerequisites

- code editor
- Browser

### Usage

Accessing the application requires a running server. This can easily be achieved from the project's root directory by running first `npm install` to install required dependencies and later `npm start` to start the server. The app will now be accessible at the following URL: `http://localhost:8080/`.

## Author

👤 **Maurice MURANGWA**

- Github: [@Morrism1](https://github.com/Morrism1)

- Twitter: [@MorrisMontana0](https://twitter.com/MurangwaMorris)

- Linkedin: [Maurice Murangwa](https://www.linkedin.com/in/mauricemurangwa/)

## 🤝 Contributing

Feel free to check the [issues page](issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- [Microverse](https://www.microverse.org/)

- [OpenWeather](https://openweathermap.org/api)

## 📝 License

This project is [MIT](https://opensource.org/licenses/MIT) licensed.