Skip to content
OverviewSolutions
2
Comments
5
Magda Nolde
@magdanolde

All comments

  • Nate-epp•200
    @Nate-eppSubmitted over 1 year ago

    This challenge is the most difficult I've ever built so far. I even think that it should be in level 3, or maybe I'm not experienced enough. Anyway, I've learned a lot in this challenge, such as progression bar, modal and a ton of state management. Seriously, I think there should be a better approach regarding state management here, but again due to my mediocre skill, I ended up hard-code state to each product edition. Doing a responsive is also very challenging here, personally I wrote too much css than necessary. Lastly, I didn't do the radio input same as the original design, I plan to learn how to do that later though.

    I appreciate any comment and feedback. Thank you!

    Crowdfunding-product-page Solution

    1
    Magda Nolde•90
    @magdanoldePosted over 1 year ago

    Hi, congratulation on the project. :) I definitely agree-this one should be in level 3! I am not sure, but I think it is easier to build with vanilla JS though.

    I have three small comments:

    1. If you open the menu and then switch to the desktop view, the mobile version of the menu is still visible.
    2. In case of the scheme with no reward, you can enter the amount you want to pledge
    3. In case of two other schemes, there is still possible to pledge less.

    I hope it helps!

    Cheers, Magda

    Marked as helpful
    0
  • A.•390
    @MooseCowBearSubmitted over 1 year ago

    This one gave me a bit of trouble. I couldn't manage to get the "X" icon for the selection modal to darken when hovering. Usually I would apply a filter but that didn't seem to change the color. I also tried inserting the image between svg tags (instead of using an img tag) and then trying to set the opacity (since the fill color was black and the opacity was originally 0.4) and that didn't work either.

    Does anyone know what does work? Thank you.

    Crowdfunding Product Page with Grid

    1
    Magda Nolde•90
    @magdanoldePosted over 1 year ago

    Hi,

    unfortunately I don't know the answer to your question, as I havent even realized that this feature was a part of the project :S However I had a look at it and on the desktop view the second "scheme" box ("Black edition") has a different size vs. the others. It applies also to the modal. I checked you code but I couldnt find out what the reason was. Other than that, I think it looks great!! Congrats! it wasnt an easy project.

    Cheers, Magda

    0
  • Kévin Burle•370
    @kevinburleSubmitted over 1 year ago

    Hello everyone,

    Great project to implement a lot of small concepts in javascript.

    I added some features that I found useful and fun:

    -localStorage to save current & previous value -counter & progressBar animation -security on input -error messages when value is invalid

    Feedbacks are welcome!

    Crowdfunding product page (No Framework / Vanilla JS)

    1
    Magda Nolde•90
    @magdanoldePosted over 1 year ago

    Hi Kévin,

    wow! so nicely done. I particulary liked the error messages, a really good idea. Congrats! :)

    The only thing I would recommend to improve, is this loading counter. When you open the page, it is loading for a very long time. Also if you click on the menu, it is loading again, which might be misleading for a user.

    Cheers

    Magda

    Marked as helpful
    2
  • Magda Nolde•90
    @magdanoldePosted over 1 year ago

    Hi Eduardo, nice job with the project! :) one small remark from my side: when you open the project in firefox the button is placed below the input.

    1
  • Magda Nolde•90
    @magdanoldePosted almost 2 years ago

    Hi, congratulation on your project! It looks great and I think it is normal, that it takes longer to create such a big project, especially if you are a beginner. I think it will take me a long time to do it. Anyways I checked it on my computer and I have two remarks:

    • when you enter a reward "0", you still receives a "Thank you" message. I would suggest to send a message like "Please select a reward" or something like that
    • when you select a certain amount, the total sum does not increase and the number of items (rewards) does not decrease

    Best Magda

    Marked as helpful
    1