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:
- This will require modifying the
server.js
file and theapp/app.js
file. - You can see
index.html
for element references, and once you are finished with the project steps, you can usestyle.css
to style your application to customized perfection.
- This project utilizes
cors
andbody-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.
(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
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)
Please check out what the app looks like on Heroku.