All solutions

👋Hello there here's my solution for this challenge.

I had fun working on this challenge and learnt some things along the way.

I learnt:

• Working with API's
• Manipulating nested data
• New array methods

Working features

• Search
• Filter
• Navigate to border countries
• Tried Making skeleton loaders for fun

Some issues with current implementation:

• I'm not very happy with the way i handled getting the full-names of the border countries. used Context to pass the original countries array to compare, It feels unnecessary as that's all I used it for .

• Everything is fetched at once. will learn how to fetch more when user wishes to view more.

• There's an issue where clicking on certain country cards navigate to the wrong country detail page (I think its a problem with the API) still looking for a solution.

• Will have to work on lazy loading images

Would appreciate any suggestions on how I can improve my code / solve some of the issues mentioned above.

👋 Hello there Here's my second solution for this challenge

What's new:

• added a simple slider logic to switch current tab every 15secs
• used react router for switching pages
• attempted some css only animations

Problems with current Implementation:

• repetition: the logic for clicking to switch tabs and for changing it automatically are the same so I'm currently repeating the same logic through different pages. I'll be trying to reduce the code duplication by using a custom hook.

please do let me know if you find any problems or have any tips for me to improve

👋 Hi there here's my solution to this challenge

• It's my first time interacting with an API
• what could I have done better?
• Any best practices for handling error states ?
• Any best practices for handling loading states?

👋Hey there here's my solution for this challenge.

This turned out to be more complicated than I expected but I learnt a lot along the way.

Some things I learnt:

• working with json
• manipulating nested data
• some new array methods
• I learnt to use tailwind (and how its darkmode works)
• React Context / Reducers

Working features

• creating, updating, deleting comments
• replying comments
• replying to a reply
• save and persist state with local storage
• get relative time from when comment was made

Hardest part of this for me was dealing the nesting of objects especially replying to a reply

Some issues with current implementation:

• The voting logic is proving to be a bit tricky and I'm still working on it.

Please feel free to go through my code and give any criticisms to improve my code || tips to solve my current issues

This was more frustrating than I expected it to be would appreciate if any corrections

This was my first time working with sass and trying out the BEM methodology as well as other stuff such as dvh and it seems to have a weird behavior on mobile because of the browser Ui changing on scroll.

Also if you view on an iOS device do let me know if you have some weird behaviors with the mobile nav menu I've been having a problem where my solutions display properly on android devices but things like animations and sometimes even paddings on ios don't work well.

I'll be happy if anyone could point out what the problems are to me and how I can fix them I'm also happy to receive any tips on how to write better / less code.

This is was my first time building with react and I'm not sure of the best practices for writing react but I did my best, I found it hard to filter the task selection and implementing DnD was really annoying but it worked. Any corrections or tips to write better would be much appreciated thank you.

This was really challenging for me so I may have made mistakes I would appreciate any suggestion or tips to write better next time.

First time trying to implement a theme switcher, I'm open to any criticism or tips to improve

Trying out Grids

First time using grid and I will be learning more about it

This is my first JavaScript heavy project I had a lot of problems while building especially with the form and switching sections it was also really hard to get it to display properly for various screen sizes but I did my best.

This was supposed to require basic CSS but I may have gotten somethings wrong any feedback on how to reduce unnecessary code would be much appreciated

I had a lot of problems with media queries on the technology page but managed to get it to work as best as I could. This is my first time submitting a solution any correction would be much appreciated