Skip to content
OverviewSolutions
41
Comments
4
XIII
@minibrusp

All comments

  • Alberto Ledesma•370
    @ledesmxSubmitted about 1 year ago

    Hi everyone 👋

    It's been a while since my last challenge. This challenge pushed me to the limit. It's been the most demanding project I've ever done. I spent a lot of time learning about React DnD, React Router, and Firebase.

    I am proud of:

    • The dark/light theme preference is saved in local storage.
    • I used the React DnD utilities to build the drag-and-drop reorder list.
    • This is my first project working with Firebase to manage user authentication and save user data.
    • I used React Router to manage all the routes.
    • Lastly, I designed all the extra pages (Login, Sign-Up, etc.)

    It's been a great project to work with.

    All feedback is appreciated. Happy coding ✌️

    Todo app using Firebase

    1
    XIII•790
    @minibruspPosted about 1 year ago

    Nice Work Man. The solution is awesome. I love how the landing, signup and login looks. And also nice touch with using the firebase as a backend. I'll be looking forward with more ideas in the future.

    1
  • XIII•790
    @minibruspPosted about 1 year ago

    hi congratulations on completing this challenge. this is great.

    • there are lot of ways to achieve smooth transitions on modal since your using sass i would suggest to use css keyframes and animation. you can refer to this codepen for example but this codepen is pure core HtmlCssJs.

    codepen link

    • also i notice that opening the reward modal/back modal you can only select a certain reward by clicking on the label or the radio button. I think it would be nice if i can click the whole card to select the certain reward.

    all in all its a great solution. keep coding meow ^_^

    Marked as helpful
    1
  • XIII•790
    @minibruspPosted over 1 year ago

    overall this project is great.

    • I like the design where the math equation and the result are both visible
    • I like the way where i can input 1 + 3 then pressing another math symbol will calculate the previous equation.
    • I also like the part where i would input 1 + then after that i would press another math symbol for ex. (x) would change the previous symbol making the screen 1 x

    *Bug that i accidentally found

    • input 10 + 10 then press (+) or any math symbol then it will calculate then input the number for ex. 20 making the screen 20 + 20 then press delete button. It will not let me delete the newly inputted number.
    Marked as helpful
    1
  • Teri•30
    @teriappSubmitted over 1 year ago

    I enjoyed this project, but I had trouble aligning the old price so that it was midway to the new price. Can anyone please tell me how I could have achieved this? Other feedback is greatly appreciated. Thank you.

    Product preview card (HTML, CSS, Responsive)

    3
    XIII•790
    @minibruspPosted over 1 year ago

    there are two options i can give to you

    • adding these styles to p.saleprice class

    display: flex; justify-content: flex-start; align-items: center; gap: 1rem;

    • restructuring the html for div.price making both p.saleprice and span.oldprice as siblings then adding the above styles to div.price
    Marked as helpful
    1