Skip to content

A project to test and learn more about Single Page Applications (SPAs).

Notifications You must be signed in to change notification settings

ShootiePT/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

    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

JavaScript HTML CSS bootstrap

Table of Contents

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

city Detail city Compare

Contact

gmail linkedIn pintrest

About

A project to test and learn more about Single Page Applications (SPAs).

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published