Find your next perfect home!
The goal of this application is to query a number of APIs in order to find information about a specific area in the UK that might be useful to somebody who may be considering moving home to that area. This information is then appropriately summarised and presented to the user both visually and as text.
The APIs utilised in this project are as follows:
- HTML
- CSS
- Javascript
- Clone the repository by running this command on your terminal
git clone https://github.com/fac27/home-finder - Make sure you have the extension Liveserver installed on your Vscode
- Open the cloned repository in Vscode and run it
- See an interesting mashup of different data
- Input information to change the displayed result
- View the app on all of my devices
- Display some kind of indication that the data is loading
- Display clear messages if something goes wrong
- Query at least two APIs using fetch
- Dynamic content generated with JS
- A clearly defined user journey, documented in your readme
- A responsive, mobile-first design
- Ensure your app is accessible to as many different users as possible
This is the second project of Founders and Coders' Skills Bootcamp Cohort 27. The goal of the project
is fulfilling the learning outcomes below:
- Write code that executes asynchronously
- Use callbacks to access values that aren’t available synchronously
- Use promises to access values that aren’t available synchronously
- Use the fetch method to make HTTP requests and receive responses
- Configure the options argument of the fetch method to make GET and POST requests
- Use the map array method to create a new array containing new values
- Access DOM nodes using a variety of selectors
- Add and remove DOM nodes to change the content on the page
- Toggle the classes applied to DOM nodes to change their CSS properties
- Use consistent layout and spacing
- Follow a spacing guideline to give our app a consistent feel
- Debug client side JS in our web browser
- Use console.log() to help us debug our code