Artis-Dev/weather-app

Learning project: Create 'Weather' app

JavaScript

Weather app

Weather application used to show forecast from OpenWeather API.
View Demo

About The Project

Learning project from The Odin Project curriculum.

Features

Get current and weekly forecast.
Search cities worldwide.
Switch between imperial and metric systems.
Responsive design.

Built With

Technologies

JavaScript
CSS
HTML

Third party code

Tools

Visual Studio Code
Linux terminal
Git and GitHub
Webpack
ESLint + Airbnb JavaScript Style Guide
Prettier

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

You will need Node.js and npm installed globally on your machine.

Downloading and installing Node.js and npm

Installation

Get a free API key at https://openweathermap.com

Clone the repo

git clone https://github.com/Artis-Dev/weather-app.git

Install NPM packages
```
npm install
```
Enter your API key in ./src/api.js
```
const API_KEY = 'YOUR API KEY';
```
Build an app
```
npm run build
```

Usage

Open ./dist/index.html file with browser.

Outcome

Used revealing module pattern for better code organizing.
Used public API to get data.
Used Webpack to build the app.
Used third-party library for date and time formating.
Used CSS3 grid and flex to create layout.
Used HTML5 semantic elements for better readability and structure.
Used Git and GitHub for project management.
Learned error handling a bit.
Tried to maintain clean code.
Cross tested on Firefox and Chromium based browsers.

Authors

ArtisDev - LinkedIn - artguk@protonmail.com

Acknowledgments