All solutions

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

Completing the challenge, started it end of April but got distracted with other commitments glad finally completed it :)

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

Encountered CORS issue integrating with clean URI API. Checked the discord community if anyone else encountered similar issue, and found a solution. Ended up creating a tiny proxy server.

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

Is there a better way of handling CORS error while integrating with clean URI API other than creating a proxy server? Any feedback regarding my implementation is appreciated!

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

• Use localStorage to save todo list
• Implemeted the drag and drop functionality to reorder items on the list

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

While implementing the drag and drop functionality, there were multiple dragEvents, figuring out which ones I needed to use was challenging. The drag and drop API document was very helpful.

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

Any suggestion/feedback on how to add custom cursor styling for drag-drop function? My current implementation does show the move effect cursor but only works intermittently to show tailwind's custom grabbing cursor style.

Also, the HTML Drag and Drop API doesn't have mobile compatiblity. In future will use some library to implement the drag and drop functionality so it's responsive. Right now I am thinking about using dndkit. Would like to ask the commmunity members if they have any other suggestions/recommendations?

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

Recently started learning typescript so wanted to practise it with this challenge. For styling, used a different CSS framework this time - Tailwind CSS. Lastly used the testing library to add some tests to the signup form input validation logic.

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

I struggled a bit in the start to get the right typescript and tailwind configurations to get the project to run correctly. Reading the following links helped tsconfig documentation and Tailwind CSS with create react app .

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

I would appreciate any feedback/recommendation on how I have implemented the tests for the input validation logic. Thanks!

Hello community members,

Just complete another challenge. Any/all feedback is appreciated! :)

Struggled a bit while integrating LeafletJS with React using useEffect Hook, useEffect kept re-rendering till I figured out to add the dependencies and cleaning up correctly in the useEffect Hook.

Currently, I call the ipify api for each query request, since the requests allowed for subscription are limited and will eventually run out. I was wondering how to best cache request data so as to minimize API calls? Could I just store data in local/session storage or may be use react's useMemo Hook? which is better? Any guidance/feedback will be helpful.

Thanks, snhase

Hello community members,

I just finished the rest countries API with theme switcher challege. Please help review, any feedback is greatly appreciated ! :)

I struggled a bit to the card spacing and alignment as per the design, I noticed there is quite a bit of spacing between two cards. I used the map method to display the country data in the cards, I wasn't able to add space between the cards without adding it at the edges which caused the start and end margin cards to be misaligned with the search input and filter dropdown. The current layout I have looks similar but not same as that provided in the image. Was wondering if anyone had any feedback on how to achieve that spacing in-between cards without misaligning the start and end?

Also, I used the bootstraps v5 color modes to implement the theme toggler switcher but had to customize the default dark theme to match the style guide provided. Was wondering if that's the right approach or should I have defined a custom theme itself or any other better approach to implementing theme toggling?

Thanks, snhase

Hello community members,

I just finished my first challenge - multi-step form. Please help review, any feedback is greatly appreciated ! :)

I had some difficulty making the site responsive. I started with desktop design and then added the mobile design using media queries but had to do a lot of changes to the css file to make both work well. Looked up some best practices, and the mobile first approach is recommended, so I will focus on it for future development.

Question for community, what is is best way to decide on breakpoints for different screens? For this project I chose only two mobile and desktop but feel like this project needs a tablet screen breakpoint as well. Any suggestions/or recommended best practices for choosing breakpoints?

Thanks, snhase