Nuel• 1,230
@ijklmopffs
Submitted
I have not written the code for the filter function. I need help with that.
Jyotirmoy Sinha Babu
@jyotirmoy-sinhababu
All comments
- Jyotirmoy Sinha Babu• 430
@jyotirmoy-sinhababu
Posted
I have used
const handleRegionChange = async (region) => { try { await axios .get(`https://restcountries.com/v3.1/region/${region}`) .then((res) => { if (res.status == 200) { setDataByRegion(res.data); } if (res.status != 200) { setIsErr(false); } }); } catch (err) { console.log(err); } };as a filter function, where each region is a button and selecting the button will call the function with the selected region as an argument.For style I think you have used flex and flex-wrap, just reduced the gap between cards and increase the width of the cards , I think in that way it will look better.
0 - michalmiotla• 130
@michalmiotla
Submitted
Jyotirmoy Sinha Babu• 430@jyotirmoy-sinhababu
Posted
you have done a wonderful job. But for the feature and company button, you also need a functionality to close the buttons. const showFeatures = () => { featuresDiv.style.display = 'flex' featuresIcon.classList.add('icon-rotate') } you also have to put a condition that on click will remove the classList if button is on.
Marked as helpful
0 - Madan Sinha• 300
@lazy4gyan
Submitted
Hello everyone! I recently completed the Multi-step form challenge and would love to hear your thoughts and feedback. Specifically, I would like to know:
- What challenges did you face while building a similar project and how did you overcome them?
- Are there any areas in my code that could be improved or optimized?
- Do you have any suggestions for best practices when it comes to form validation and state management in React applications?
Thank you in advance for your feedback and insights!
Jyotirmoy Sinha Babu• 430@jyotirmoy-sinhababu
Posted
You did a great job .Just remove all the console.log() before deploying the site.
0 - Sidath Dabare• 150
@SidathDabare
Submitted
Hello developers! I wanted to express my genuine enjoyment of this challenge. It was a fantastic experience, and I'm grateful for the opportunity to participate. I would greatly appreciate it if you could provide me with some feedback. Your insights and thoughts would mean a lot to me. Thank you in advance!
Jyotirmoy Sinha Babu• 430@jyotirmoy-sinhababu
Posted
great work..... nicely done.
0 - adithya cj• 70
@Adithya-CJ
Submitted
- I couldn't make the svg change when the screen resolution is changed.
- Also I wasn't able to make the page responsive.
Jyotirmoy Sinha Babu• 430@jyotirmoy-sinhababu
Posted
use @media screen for different view like tab and mobile. Instead of using position: absolute and relative for positioning, you can design using flex.
- practice @media screen.
- practice display: flex or grid.
- using display flex has lots of benefits, such as you can give direction , determine the gap also you can use justify-content and align-items to position the divs.
----hope this was helpful.
0 - Tholfikar Mohammed• 410
@Zolfikaar
Submitted
- Styling svg elements was difficult.
- I didn't like using (prefers-color-scheme) in CSS to change the app theme because it conflicted with my custom theme script.
Jyotirmoy Sinha Babu• 430@jyotirmoy-sinhababu
Posted
The design is great and you have done a nice job.Just in mobile view "No result found " text is getting over lapped with the text "search github username".
1
