Weather-Journal App Project

This is a project to Udacity's Front End Web Developer nanodegree.

Overview

This is a single page web app, which has two input fields for the user to insert a zip code (postcode) and a text expressing their feelings at that moment.
After completing the form fields and submitting it, the app gets data from the API and updates the page with information about the weather in the submitted location and the information previously entered by the user.

Project Intro

• Creating an asynchronous web app that uses Web API and user data to dynamically update the UI.

• The goal of this project is to get practice with:

  • Setting up a local server using Node JS (express package, cors and body-parser)
  • Creating GET and POST routes to handle client side requests
  • Acquiring API credentials
  • Creating event listener for HTML elements in conjunction with Callback functions
  • Creating callback functions using chain promises to call other asynchronous functions (e.g. making GET and POST requests and update the UI dynamically)

• Language and tools for this project:

  • Node & Express: For server side development
  • js: For client side development

• Project rubric:

Check out the specifications here.

Getting Started

Follow the steps below to get the project running.

Clone this Github repository and use NPM to install all the dependencies listed in the package.json file:

$ git clone https://github.com/Janaina-MJ/weather-journal-app.git
$ cd weather-journal-app
$ npm install

Then, start the local server:

$ npm run start

The app will be running in your browser on localhost:8080