Weather Journal App Project #2

Introduction

• This is Version 1.0 of the app please keep intouch for the future improvements.
• Coming soooon.. I intend to make many improvements in the second updated version 1.1 of this app.
• I will work on adding features for searching by city and supporting search by many language along with the zipcode and embeding the forecast logos vectors for each state of the weather, and using the Cooperative asynchronous JavaScript: Timeouts and intervals

Overview

• This project is an asynchronous web app that uses Web API and user data to dynamically update the UI. The goal of this Udacity project was to begin working with API's, Asyncrounous JavaSCript, Node.JS, and GET/Post Requests.

• This is a Weather Application that allows user to get the actual weather for a place using the zip code from this place.

Helping resources & What did we learned

• Starter code taken from udacity repository.
• First of All the main helping resource was from the Udacity API course itself and by applying what we have learned.
• Our Mentors do a great help and efforts
• I am Getting help from a Previous Project but not a palagrism and many more links and websites, and I learned a lot through this project:
• Previous Project
• CS50 Course
• Open Weather Map Documentaion
• Open Weather Map faq
• Example of using API key in API call
• By ZIP code
• Anatomy of an HTTP Transaction
• Using Promises
• Understanding the req Object in Express.js
• Understanding the res Object in Express.js
• body-parser
• Fetch: Cross-Origin Requests
• How to fix Unexpected Token in JSON error (for web developers)
• Why and when to use API keys
• HTTP Status Messages
• JavaScript Errors - Throw and Try to Catch
• Error
• throw
• How TO - Temperature Converter
• JavaScript round() Method
• Array
• Using Fetch
• schemecolor
• Degree symbol HTML Codes

The languages used

• HTML
• CSS
• JAVASCRIPT

Project Dependencies

Node.JS, with cors and bodyparser packages installed. These are included in the package.json. Also an API key from OpenWeatherMap.org is needed.

Features & Functionalities

• Responsive using CSS Grid and Flexbox.
• Get to the top of the page after refreshthe page
• Weather Information based on http://openweathermap.com/ Current Weather API based on Zip Code Default City USA.
• Back-end Express server with POST and GET route to write and read data.

Instructions & How to start

• You need to have Node.js and npm locally installed. You can check that by running node -v && npm -v in terminal. This should result in two versions shown in terminal.
• Then, you have to run npm start in order to run the express server locally.
• Open localhost:8000 in your browser and the app will be running.

Description

• The code in this repository is meant to satisfy the project # 2 rubric of the Web Developer Professional.
• This is a Weather Application that allows user to get the actual weather for a place using the zip code from this place.