proud that i learned to use react select library to make custom select and option styling. also that i was able to filter the countries based on the search and region
What challenges did you encounter, and how did you overcome them?none big challenges for this project
What specific areas of your project would you like help with?Any Feedback is Welcome!
The solution loooks Great. code is very well structured. learning a lot from your implementation
I'm most proud of successfully implementing a dynamic and responsive UI using React and Tailwind CSS. It was rewarding to see the components come together and function seamlessly across different devices. This was the third time did this challenge and I don't wanna do this again.
What challenges did you encounter, and how did you overcome them?One of the main challenges was integrating Tailwind CSS with React components. Ensuring that styles were consistently applied across various components required careful attention to detail. I overcame this by thoroughly reading the Tailwind documentation and experimenting with different class combinations until I achieved the desired look. Additionally, fetching and handling JSON data asynchronously was initially tricky, but I managed it by leveraging React's useEffect and useState hooks to manage data fetching and state updates effectively.
What specific areas of your project would you like help with?I would appreciate help with optimizing the application's performance, particularly in terms of improving responsiveness. Additionally, any advice on best practices for structuring larger React applications would be valuable as I continue to scale this project and others in the future.
The solution looks great. I could see some the good code practices. Helped me Improve my own solution.
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
This was defiantly my most challenging project to date, just because of the JS section. I'm not too familiar with JS and it took me a couple of tries to get the code correct. It took me 2 days.
I'm sure that the code could be improved in places, in particular the error handling.
What challenges did you encounter, and how did you overcome them?How to structure the JS code.
What specific areas of your project would you like help with?How to work better with handling errors in forms.
most proud:
what i would do differently next time:
challenge 1 and solution: i went with mobile design first approach and at first failed to make it responsive for desktop version, how i solved this was through redoing the css and html structure and making a more responsive layout on mobile and expanding to larger screens
challenge 2 and solution: figuring out how to change the picture once we got to the desktop version without using a div and then just changing the background picture to the desktop one, how i solved this was through using the picture element and wrapping the default to the mobile img and then when the screen expands to 600px i have the source of the image of the desktop
What specific areas of your project would you like help with?specific problems i would be grateful for help in :
i still have problems with creating responsive layouts with a mobile first approach and taking the larger screens in consideration, some advice on how i can make it look good for the mobile, tablet and laptop screen sizes
any bad practises i implemented and some suggestion how to change that
if my javascript logic is okay or was there a better way to achieve this
I´m proud that i feel a lot more comfortable doing the challenges
What challenges did you encounter, and how did you overcome them?styling the image was tricky, i had to try a lot of things but found out how with the background-image property
Any feedback is welcomed
https://css-tricks.com/the-shapes-of-css/ this will. help you create such elements.and usage of position: absolute.I want to practice user containers instead of fluid image sizes.
What specific areas of your project would you like help with?Sizing the hero image for different breakpoints. The images expand past the screen on the smaller versions, so I must set it to clip the overflow.
relative and hover over the footer.flex-direction: row when on desktop would do the trick.First time using grid! Very interesting compared to flexbox, even though a bit more complicated to apprehend for me :)
But I am really happy with the result. Did my research and managed to do something nice and responsive!
What challenges did you encounter, and how did you overcome them?The grid was quite a challenge for me as it was my first time using it.
Overcame it doing my research and found some good tutorials and videos to help.
I will play around with it even more to master as it is quite a powerful tool.
What specific areas of your project would you like help with?The real struggle was grid, so any comment or feedback welcome !
-The solution looks great!!!! -The codebase is very well structured with minimal code.
It's my first project, in the beginning it was somehow overwhelming, but slowly I was able to know what should I be doing now, and what for the next step.
What challenges did you encounter, and how did you overcome them?Aligning an element vertically that would respond well on all devices with different screen size. I found a code snippet in stackoverflow that fixes this issue, it's added in README file
What specific areas of your project would you like help with?I added the following css line for the texts in order to write them in multiline: white-space: pre-wrap I want to know if it's the right way to do, if not, what is the solution for this issue
Although the suggest font size is 15px, when I used this size, the text did not get the desired size, that's why I changed the sizes a bit
