khaled-alaa / weather-journal-app

Web-Development-Professional-Nanodegree-Program 2nd project

Weather-Journal App Project

Overview

This project is an asynchronous web app that uses Web API and user data to dynamically update the UI with weather data and current date.

What You're Getting

├── assets
│   └── cloud-sky.jpg # Background image for your app.
│
├── commentsOnlyJS
│   ├── App.js # Guide line comments for your app.js.
│   └── server.js # Guide line comments for your server.js.
│   
├── node_modules # DO NOT MODIFY, This folder contains the node modules.
│
├── website
│   ├── App.js # Weather-Journal App page where you find the input to write your zip code for your city to get temperature .
│   ├── index.html # DO NOT MODIFY, Contains HTML of your app.
│   └── style.css # Styles for your app. Feel free to customize this as you desire.
│   
├── .gitignore
│
├── package.json
│
├── package-lock.json # npm package manager file. It's unlikely that you'll need to modify this.
│
├── README.md - This file.
│
├── routes.js # A JavaScript file that inculde's routes.
│
└── server.js # A JavaScript API for the weather API.   

Project Environment setup

Node and Express Environemnt

In this project we are using Node and Express environemnts, so you need to run npm i

How to run the app

1. node server.js
2. Navigate to 'website' folder.
3. Run index.html in browser.

API Credentials

Create API credentials on OpenWeatherMap.com or use existing API key inside in app.js file.