id5n / weather-app

Weather Journal App Project for Udacity

Home Page:https://weather-app-beta-wine.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Weather-Journal App Project

Overview

V1/Original:

This project was based on the Weather API exercise presented by the Udacity Front-End Nanodegree program. The prompt required you to create an asynchronous web app that uses Web API and user data to dynamically update the UI. At the time, instructions were as follows:

Files:

  • This will require modifying the server.js file and the app/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.

Required Dependencies:

  • This project utilizes cors and body-parser so you should make sure they are installed through the command line.
  • Also, the Node server uses Express, so make sure this is set up as well.

V2:

(10/17/2021 Update) After doing some more research and reviewing best practices, the following updates were made to this project:

  • In order to protect the API credentials, the key and the access components were moved to an .env file so that they can be used as environment variables
  • Since the API credentials were moved to the backend, the client-side Fetch API can no longer be used so node-fetch was added as a dependency for the backend
  • Sass has been added as a compiler for the CSS styles
  • A favicon and a header image was added to provide more visual appeal

Required Dependencies (as of 10/17/2021):

This project utilizes the following dependencies:

  • body-parser (Part of original project)
  • cors (Part of original project)
  • dotenv (Added as of V2)
  • express (Part of original project)
  • node-fetch (Added as of V2)
  • sass (Added as of V2)

Deployment

Please check out what the app looks like on Heroku.

About

Weather Journal App Project for Udacity

https://weather-app-beta-wine.vercel.app


Languages

Language:JavaScript 55.4%Language:SCSS 33.5%Language:HTML 11.2%