Skip to content
Submitted about 19 hours ago

Responsive Rest Countries with Vite

vite, react, typescript, tailwind-css
LVL 2
@Jayproda
A solution to the REST Countries API with color theme switcher challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?

I'm most proud of building a responsive application that presents a large amount of country data clearly while supporting search, region filtering, country detail views, and light/dark themes. I also kept the project strongly typed with TypeScript and organised the interface into reusable React components.

Next time, I would plan the deployment setup earlier and define environment-specific base paths from the start. I would also add automated tests for filtering, navigation, and theme persistence before polishing the UI.

What challenges did you encounter, and how did you overcome them?

Deployment also required extra attention because GitHub Pages serves the app from a repository subdirectory, whereas Vercel serves it from the root. I resolved this by configuring the Vite base path for the target environment.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on JESSIE T JOHNS’s solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord