Part 2 - Communicating with servers
Core Concepts
- Using map, reduce, and filter
- HTML forms
- Axios, promises, and interacting with servers to modify data
- REST APIs
Libraries/Tools Learned
- Axios
- JSON Server
- CSS Styling
Projects
CourseInfo
An expansion of the CourseInfo project, in which we gained valuable practice with array methods and rendering of collections.
Phonebook
A little app that can be used to input names and numbers and temporarily store them in a JSON-Server, including the ability to update and delete entries, and a styled notification that appears upon success or errors and disappears after a short time. Our first introduction to useEffect hooks, and a bit of learning how to style with CSS too.
CountryData
A challenging (at the time!) project which served as an introduction to getting data from 3rd-party APIs. The user can enter text into a filter box to search for countries. When the filter matches only a few countries, it will display those countries in a list, alongside a button to give more detail about the chosen country. When the show details button is selected or the filter matches only one country, it will display some data about that country, along with current weather and an icon representing such.