This project requires you to create an asynchronous web app that uses Web API and user data to dynamically update the UI in a Weather Journal application.
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.
-
- In this project we are using Node and Express environemnts. Node and Express should be installed on the local machine. The project file server.js should require express(), and should create an instance of their app using express. The Express app instance should be pointed to the project folder with .html, .css, and .js files.
-
- The ‘cors’ package should be installed in the project from the command line, required in the project file server.js, and the instance of the app should be setup to use cors(). The body-parser package should be installed and included in the project.
- The 'nodemone' package ,is a tool that helps develop node.js based applications by automatically restarting the node application when file changes in the directory are detected.
- Setting up project environment, making sure I have Node and packages installed, and included in my 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.
- fork and clone the repository.
- open the index.html file in browser.
- running server in termanial by command npm start
🔴 This project is part of Front-End Web Development Nanodegree Udacity Program.