eslamfaisal / Udacity-ND-Weather-Journal-App

Full Stack Project made with NodeJS for Back-End and HTML, CSS and JavaScript For Frond-End

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Udacity-ND-Weather-Journal-App

Full Stack Project made with NodeJS for Back-End and HTML, CSS and JavaScript For Frond-End

Technology used: Node, HTML, CSS, Javascript (Vanilla)

Project Objective

This project is about working with Web APIs and asynchronous code, creating a web app that uses OpenWeatherMap API to get weather based on user's location, and dynamically update UI.

Setup

To get the project up and running follow the steps below:

  1. To set up project environment, make sure that the Node and packages (express, cors and body-parser) installed, and which are used to create the server.

  2. After that to start your server, run the command node server.js in your terminal

Development Strategy

  • Setting up project environment, making sure Node and packages installed, and included in server.js file.
  • Added POST and GET routes to ensure correct retrieval of data from the server.
  • Acquired API credentials from OpenWeatherMap website.
  • Created async functions to fetch weather data and store it on my local server.
  • Set up a function that updated UI dynamically.

About

Full Stack Project made with NodeJS for Back-End and HTML, CSS and JavaScript For Frond-End

License:Apache License 2.0


Languages

Language:JavaScript 47.5%Language:CSS 34.1%Language:HTML 18.3%