Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All solutions

  • Submitted

    Vite, React, TypeScript

    #react#vite#typescript
    • HTML
    • CSS
    • JS
    • API

    0


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

    I got stuck for some time at how to play pronunciation audio file. This introduces me to web audio API, and there's so much to discover about it.

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

    Any comment on TypeScript would be really helpful. This is my first time using it.

  • Submitted

    Another landing page

    #accessibility#sass/scss
    • HTML
    • CSS
    • JS

    0


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

    Having the tablet design makes the job more tedious than I thought, especially when the tablet design is the only one that do something differently. (You have to change the layout twice: change to tablet design, then change back.)

  • Submitted

    Another React app

    #react
    • HTML
    • CSS
    • JS

    0


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

    I'm so glad and relieved that I can finish another challenge.

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

    For 'drag and drop' in React, what tool do you use?

    I use SortableJS. And the problem that I found is that the list state to be displayed seems to have to be displayed (in render()) in that same component (I've tried to pass the list to child component, but when it re-renders, the list order went back to the initial order), so I have to cram everything in one component, and that seems to be contrary to React paradigm.

  • Submitted

    React controlled input form

    #react#sass/scss
    • HTML
    • CSS
    • JS

    0


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

    For me, this is the hardest level-2. I learn so many new things building this. I'm glad that I can finish it.

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

    Any recommendation about the best practice for something of this kind would be appreciated.

  • Submitted

    Practice using API.

    • HTML
    • CSS
    • JS
    • API

    1


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

    I'm glad that I finish another challenge.

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

    When fetching the data, what is the difference between:

    try {
    ...
    } catch { ... }
    

    and

    fetch(...)
      .then(...)
      .then(...)
      .catch(...)
    

    And which situation to use it?

    P.S. As the advice #117 is no longer the same as in the design file, I made it generate random quote when loaded. And I think that's how it's supposed to be.

  • Submitted

    At last, React calculator...

    #react#sass/scss
    • HTML
    • CSS
    • JS

    0


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

    If anyone find any mistakes in calculator functioning or anything else, please let me know.

  • Submitted

    Use SCSS. Apply JS 'class'.

    #sass/scss
    • HTML
    • CSS
    • JS

    0


    This is the most frustrating challenge so far. I need to rest by doing other challenges before coming back to it again.

  • Submitted

    Use SCSS.

    #accessibility#sass/scss
    • HTML
    • CSS
    • JS

    0


    New to SCSS/SASS. Any comment is very welcome.

  • Submitted

    Practice building the toggle.

    #accessibility
    • HTML
    • CSS
    • JS

    0


    I built this slightly different from the design. I made a 3-options toggle (instead of 2-options), and I also made the plan column clickable.

  • Submitted

    First time using jQuery!

    #jquery#accessibility
    • HTML
    • CSS

    0


    This project makes me understand why some people said that naming the class is difficult... in a away. Any recommendation on that?

  • Submitted


    Have some difficulty cropping the image. Still confused...

  • Submitted

    My first JavaScript challenge.

    #accessibility
    • HTML
    • CSS
    • JS

    0


    HELP! It seems to work fine with Chrome. But with Firefox, the internal script (functions for inline event handlers) doesn't run. What could be the cause?

    P.S. I don't yet feel comfortable at all with JS. Any comment is very much appreciated.

  • Submitted

    Practice using CSS grid.

    #accessibility
    • HTML
    • CSS

    1


    Does anyone know how to make the <footer> appear after the content in a mobile version? I position the grid content as absolute. And when it's a mobile version that needs to scroll down, I can't simply position the <footer> at the bottom.

    Would very much appreciate any other comment as well.