https://github.com/sdkdeepa/weather-app
Weather app
https://github.com/sdkdeepa/weather-app
Last synced: about 1 year ago
JSON representation
Weather app
- Host: GitHub
- URL: https://github.com/sdkdeepa/weather-app
- Owner: sdkdeepa
- Created: 2021-01-31T06:35:14.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-03-16T07:38:50.000Z (about 5 years ago)
- Last Synced: 2025-02-07T20:12:21.126Z (over 1 year ago)
- Language: JavaScript
- Size: 441 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather-app-project
Udacity Front end web developer nanodegree project 3 Weather Journal app
## Overview
This project requires you to create an asynchronous web app that uses Web API and user data to dynamically update the UI.
## Instructions
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.
## Steps to get started
From the root directory, initialize node and add the packages by running the following command
- `npm init`
- `npm i express cors body-parser`
To start the server locally run
- `node server.js`
## Project Video
https://youtu.be/jb8Yw_JWUk8
## Screenshot of the app

## For future refractoring
Use Axios instead of fetch. It's a promise-based HTTP client for the browser and node.js. It has a number of benefits over fetch.
Here are some of them:
- Make XMLHttpRequests from the browser
- Make HTTP requests from node.js
- Supports the Promise API
- Intercept request and response
- Transform request and response data
- Cancel requests
- Automatic transforms for JSON data
- Client-side support for protecting against XSRF
- Refer https://github.com/axios/axios for more on Axios.
https://blog.logrocket.com/axios-or-fetch-api/