An open API service indexing awesome lists of open source software.

https://github.com/sdkdeepa/weather-app

Weather app
https://github.com/sdkdeepa/weather-app

Last synced: about 1 year ago
JSON representation

Weather app

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

![alt text](https://github.com/sdkdeepa/weather-app-project3/blob/main/MobileView.png)

## 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/