alihussainia/weatherJournalApp

Weather-Journal App Project

Table of Contents

• Overview
• Instructions
• Extras
• Development
• Done

Overview

This project requires you to create an asynchronous web app that uses Web API and user data to dynamically update the UI.

Instructions

This will require modifying the server.js file and the website/app.js file. You can see index.html for element references, and once you are finished with the project steps, you can use style.css to style your application to customized perfection.

Extras

If you are interested in testing your code as you go, you can use tests.js as a template for writing and running some basic tests for your code.

Development

If you want to continue coding you need to have nodejs and npm locally installed. You can check that by running node -v && npm -v in the terminal, which should result in two versions shown in the terminal.

Once nodejs and npm installed you simple run npm start which runs a express server locally and serves the static files. In addition in enables two endpoints. One is a get for projectdata and the second for post projectdata.

Done

What was done? I enhanced the server.js with two endpoints and required middleware to enable body-parser and cors.

In website/app.js I created several functions for fetching weather data from OpenWeatherAPI, saving the data through the post request and updating the UI dynamically.

Try it out!

Running the app

For Windows

• Open Command Prompt by typing cmd in the search bar
• Make sure that the node.js is successfully installed by typing node -v
• Then type npm cache clean --force and press Enter.
• Then type rm -rf node_modules package-lock.json and press Enter.
• Then type npm install and press Enter.
• Then type npm start and press Enter.
• And finally open your browser, and type http://127.0.0.1:8080/