Skip to content
OverviewSolutions
15
Comments
6
Jyotirmoy Sinha Babu
@jyotirmoy-sinhababu

All comments

  • Jyotirmoy Sinha Babu•430
    @jyotirmoy-sinhababuPosted over 1 year ago

    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
  • Jyotirmoy Sinha Babu•430
    @jyotirmoy-sinhababuPosted over 1 year ago

    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
    @lazy4gyanSubmitted over 1 year ago

    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!

    Multi-step form using react.js

    1
    Jyotirmoy Sinha Babu•430
    @jyotirmoy-sinhababuPosted over 1 year ago

    You did a great job .Just remove all the console.log() before deploying the site.

    0
  • Sidath Dabare•150
    @SidathDabareSubmitted over 1 year ago

    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!

    rock-paper-scissors

    2
    Jyotirmoy Sinha Babu•430
    @jyotirmoy-sinhababuPosted over 1 year ago

    great work..... nicely done.

    0
  • adithya cj•70
    @Adithya-CJSubmitted over 1 year ago
    • I couldn't make the svg change when the screen resolution is changed.
    • Also I wasn't able to make the page responsive.

    huddle-landing-page

    1
    Jyotirmoy Sinha Babu•430
    @jyotirmoy-sinhababuPosted over 1 year ago

    use @media screen for different view like tab and mobile. Instead of using position: absolute and relative for positioning, you can design using flex.

    1. practice @media screen.
    2. practice display: flex or grid.
    3. 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.
    <div class="main"> <div class="child"></div> <div class="child"></div> </div> to style it .main{ display: flex; justify-content: space-around; align-items: center; } --- like this you can style your app. for details study you can visit "w3school".

    ----hope this was helpful.

    0
  • Jyotirmoy Sinha Babu•430
    @jyotirmoy-sinhababuPosted over 1 year ago

    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