Weather App

At the moment, I'm working on this SPA project to test my frontend skills and apply new ones. It's a web app for checking the weather in cities around the world.

Technologies used

Table of Contents

• Introduction
• Features
• Usage
• Contributing

Introduction

This app is used to simultaneously check multiple cities and view the weather in them, or to focus on a specific city for more detailed information. Currently, it is possible to view the weather using an API key from Open Weather.

Features

Done:

• Search bars.
• View the weather of multiple cities and present it in a table.
• View detailed information of a specific city.

To Implement:

• Presentation home page.
• Comparison chart between cities.
• Map API.
• Contact page.

Usage

Don't forget to include an API key to test the app.

async function getWeatherByCity (city) {
    const params = {
        APPID: 'apiKEY',
        q: city,
        units: 'metric'
    };

    const URL = `https://api.openweathermap.org/data/2.5/weather?${new URLSearchParams(params).toString()}`;

Contributing

All tips and assistance are welcome, both in collaborating on the project and providing ideas for improvement. I'm still in the learning phase, and this project is something I'm dedicating myself to in order to explore SPAs (Single Page Applications).

Screenshots

Contact