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 comments

  • Alberto Ledesma• 370

    @AlbertoLed

    Submitted

    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

    #firebase#react#tailwind-css#react-router

    1

    XIII• 790

    @minibrusp

    Posted

    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

    @minibrusp

    Posted

    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

    @minibrusp

    Posted

    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

    @teriapp

    Submitted

    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.

    XIII• 790

    @minibrusp

    Posted

    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