From b68612c3b7747b8fa475baaf0fe4efe3cb0f3eb9 Mon Sep 17 00:00:00 2001 From: J Hollos <45098737+HollosJ@users.noreply.github.com> Date: Sun, 1 Oct 2023 21:23:40 +0100 Subject: [PATCH] Create Country-Database.md --- Projects/2-Intermediate/Country-Database.md | 25 +++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 Projects/2-Intermediate/Country-Database.md diff --git a/Projects/2-Intermediate/Country-Database.md b/Projects/2-Intermediate/Country-Database.md new file mode 100644 index 00000000..a292d5fd --- /dev/null +++ b/Projects/2-Intermediate/Country-Database.md @@ -0,0 +1,25 @@ +# Country Database + +**Tier: 2** + +The Country Database is a web-application where users can find various pieces of information about every country. It uses a REST API to get this data, such as [RESTCountries](https://restcountries.com/). + +## User Stories + +- [ ] User can search for countries with a search bar (results updated live). +- [ ] User can sort and use various filters (e.g. filtering by language spoken) +- [ ] User can click on a country and see a more detailed view. + +## Bonus features + +- [ ] Search is [debounced](https://www.freecodecamp.org/news/javascript-debounce-example/) to reduce load. +- [ ] There is a loading state until the API is finished fetching. + +## Useful links and resources + +- [Debouncing](https://www.freecodecamp.org/news/javascript-debounce-example/) +- [RESTCountries API](https://restcountries.com/) + +## Example projects + +[React Countries - HollosJ](https://hollosj.github.io/country-api/)