Where in the world?

Where in the world app made with Gatsby for a challenge by Frontend Mentor.

Demo

Check out the demo! - https://whereintheworld-app.netlify.app/

Technologies

• Gatsby: v2.24.10,
• React v16.13.1
• React Hooks
• React Testing Library
• GraphQL,
• Framer Motion
• Styled Components
• Local Storage
• Slugify
• React Scroll
• React Loading Skeleton
• React Infinite Scroll Component
• Husky & lint-staged

Features

Users are be able to:

• View the optimal layout depending on their device's screen size
• View particular countries informations such as population, region, capital etc.
• Choose between light and dark mode
• Maintain selected theme after refreshing the browser
• View detailed information about particular country in another page
• Filter countries by their name and region

Credits and sources

This is a challenge by www.frontendmentor.io. I got all of the icons and designs from the website. I tried my best to get as close as possible to the designs.