All solutions

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

Countries Page using API, React, Vite

• Renders all country data by using the API fetched data
• User can view page optimally on every screen size/device
• User can toggle page theme light/dark by clicking the button in the navbar
• All countries are sorted alphabetically
• User can look into additional info of each country by clicking on coutnry
• User can filter countries by region
• User can search for a specific country by name in the search box
• User can view a random country's info by clicking on the button in main screen
• Specific country opened & theme state are saved for user between page refreshes
• User can 'travel' through country info cards by clicking each bordering country button
• User can scroll through the countries page, then click on arrow button on bottom right of the screen - to go to the very top of the page without scrolling all the way

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

Used the SmolUrl API since the one provided here didn't work. Also used the copy-to-clipboard library since using navigator.clipboard doesn't work smoothly on IOS safari.

All generated links are stored using localStoage, added a 'clear links' button that resets the links.

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

Interesting challenge in React. A lot of different things to have in mind in this project. Might add some animations for better UX later.

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

My second React project! Used Props and the JSON file to set all variable parts in each stat component.

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

My first React project after learning components! Pretty simple project, just to practice JSX components.

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

Hi everyone! Really enjoyed this challenge. Let me know what you think.

What specific areas of your project would you like help with?

Anyone know how to resize the dollar sign svg?

Any feedback is welcome! But specifically, since I've used bootstrap - I'd like to know how this layout can be done without it. Practiced some animations too after a while. Thanks!

Any feedback is welcome. Also, I've had some trouble at first with making the height of the two divs equal at all times when changing screen size and making the image responsive. If anyone has tips on that topic I would be very grateful!

Hi! I've had some trouble figuring out why when the screen was large, the border-radius would go away, but it would look fine when the screen would be smaller. thanks alot!