ammonroberts / dgm-3790-final-project Goto Github PK

This project is for my DGM3790 course at UVU. The main idea for this React app was to show interesting facts about different places around the world.

• Imports a ton of information about different countries using a Netlify function to provide the country data
• Dynamically creates information cards usning a combination of custom components and components from @material-ui/core (functions/countries.js and CountryCards.js)
• Countries can be added as favorites, which can be viewed on the /favorites route (Favorites.js)
• Country cards can also be filtered by region
• Country cards also be clicked on, showing a modal wiht more details, including a cute little verison of the country's flag (CountryData.js and MyCountryModal.js)
• Uses a context to share country data as well as favorites across components (CountryContext.js)
• Inlcudes login and signup forms with some nice validation (Login.js and Signup.js), along with Netlify Identity to manage users and stuff
• Transitions between pages, as well as a nice fade-in for country card modals