All comments

• 

  Alberto Ledesma• 370

  @AlbertoLed

  Submitted 5 months 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

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

  1

  8

  0

  

  XIII• 790

  @minibrusp

  Posted 5 months 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

  This comment has received 1 replyShow
• 

  Radu-A• 70

  @Radu-A

  Submitted 7 months ago

  I would like to apply smooth transitions when opening and closing modals.

  

  Crowdfunding product page solution with React and SASS

  #react#sass/scss

  1

  5

  0

  

  XIII• 790

  @minibrusp

  Posted 7 months 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

  This comment has received 1 replyShow
• 

  P

  Phan Tien Tai• 50

  @tientaidev

  Submitted over 1 year ago

  Welcome to my calculator ! If you find a bug or wants an enhancement, feel free to comment or create an issue at my repo. If you review mine, I will spend time review yours as well ^^.

  

  Vanilla Javascript with Tailwindcss Calculator app

  #tailwind-css

  1

  3

  0

  

  XIII• 790

  @minibrusp

  Posted 10 months 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

  @teriapp

  Submitted 11 months 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

  8

  0

  

  XIII• 790

  @minibrusp

  Posted 11 months 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

  This comment has received 1 replyShow