Frontend Mentor - REST Countries api

This is a solution to the REST Countries API challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building frontend projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development

The challenge

Users should be able to:

• See all countries from the API on the homepage
• Search for a country using an input field
• Filter countries by region
• Click on a country to see more detailed information on a separate page
• Click through to the border countries on the detail page
• Toggle the color scheme between light and dark mode (optional)

Screenshot

Links

• Live Site URL: rest countries api

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Ejs - JS template library
• Express - node.js framework
• Gsap - For animations

What I learned

i think one of the most major things i learned in this small frontend project was working with ejs and express. i've had working with API's before so that was no problem for me however one of the hardest parts was error handling and working with ejs since i didn't have much experience with it.

Continued development

wrtting better code struture and maybe work on adding more features on the project and more animations