This project requires you to create an asynchronous web app that uses Web API and user data to dynamically update the UI.
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.
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.
** about server:-
- Node and Express installed on the local machine.
- then used epress to set static folder.
- The ‘cors’ and body-parser package installed in the project
- Local server is running and producing feedback to the Command Line through a working callback function.
** about APIs and Routes:-
- Create API credentials on OpenWeatherMap.com
- APP API Endpoint Object named projectData.
- The personal API Key for OpenWeatherMap API is saved in a named const apiKey variable.
- The API Key variable is passed as a parameter to fetch() .
- Data is successfully returned from the external API.
- GET Route I: Server Side
- GET Route II: Client Side
- Add an entry to the project endpoint using a POST route setup on the server side and executed on the client side as an asynchronous function.
- Naming HTML Inputs and Buttons For Interaction.
- Assigning Element Properties Dynamically.
- Adds an event listener to an existing HTML button from DOM using Vanilla JS.
- Dynamically Update UI by sets the properties of existing HTML elements from the DOM using Vanilla JavaScript.
API credentials on OpenWeatherMap.com this project created by Mohamed Nassar
thanks to check my code and feed me back with your opinion and notes thanks