shalri

Latest comments

• 

  Stefan Bojkovski•720

  @xStephxSubmitted 9 months ago

  

  Solution Interactive rating component

  #tailwind-css

  7

  1597
  

  shalri•620

  @shalriPosted 9 months ago

  Nice work as always! Hope this helps: pixelparallel. This extension helped improve workflow. Cheers!

  7
• 

  P

  Smaylen5•580

  @Smailen5Submitted 11 months ago

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

  I'm very proud to have written possibly good code, structured much better than my usual.

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

  The biggest challenge was definitely how to retrieve the correct values and pass them to the function that calculates the tips. In the end, I opted to call the function on every input:

    billNumber = Number(event.target.value);
    calculate();
  });
  

  To prevent it from being executed when the values are not ready, I used an if statement:

  if (billNumber && tipNumber && peopleNumber)

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

  For the custom button, I always used type='radio'. I think I could simply use type='number'.

  

  tip calculator whit tailwind and js vanilla

  #tailwind-css#accessibility

  1

  60
  

  shalri•620

  @shalriPosted 10 months ago

  Good job on the design sir! Although, the Custom tip is not working as expected the rest of the app is working properly.

  0
• 

  anderu•230

  @anderutanSubmitted 12 months ago

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

  create layout with grid with tailwindCSS, next time should minimize the component as current Card.jsx take the job of rendering, should use Card for layout only and render in Profile.jsx

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

  use grid for the layout as i render data inside Cards.jsx so i have to cut the Profile.jsx into 25% | 75% then inside Cards.jsx cut into 25% | 25% | 25%, i don't think this is good practice

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

  better way to plan the layout before start writing code

  

  Time Tracking Dashboard Main

  #react#tailwind-css

  1

  30
  

  shalri•620

  @shalriPosted 10 months ago

  Another good job sir! Regarding the grid, you can set the parent container to 4 columns and then just span the children. This way you can avoid using specific percentages and just let the grid do the heavy lifting. I submitted my solution just now. Check my code to see how I implemented it. Cheers.

  0
• 

  anderu•230

  @anderutanSubmitted 12 months ago

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

  Try to use React Hook Form for the form and validation

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

  try to understand the basic of react hook form and implement in this project, the main challenge i face is try to create style for invalid email like when should have red color background and text and when user focus or not

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

  Refactor my code to separate it into smaller part

  

  Newsletter Sign Up

  #react#tailwind-css

  1

  30
  

  shalri•620

  @shalriPosted 10 months ago

  Good job! The attention to detail is very impressive. I submitted this challenge earlier and getting the the design for the invalid form entries tested my patience. Seeing you implement them perfectly shows effort and a firm grasp of CSS and JavaScript. Well done, sir.

  0
• 

  anderu•230

  @anderutanSubmitted 12 months ago

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

  use popover component from headlessui for the popup panel of social media icon

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

  different design of desktop and mobile for the social media panel, at last i decide to create both version and show when screen size different

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

  In mobile version, when you click on the share icon then social media panel will popup but the icons is slightly adjust the gap between and i not sure how to deal with it

  

  Article Preview Component

  #react#tailwind-css

  1

  50
  

  shalri•620

  @shalriPosted 10 months ago

  Good job! I am also looking into HeadlessUI for my React projects. Well done, sir.

  0
• 

  Daniel999l•100

  @Daniel999lSubmitted 10 months ago

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

  I managed to get the flexbox to work as i wanted it to.

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

  I need a lot of help in flexbox

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

  I need a lot of help in flexbox

  

  Responsive card Design

  1

  30
  

  shalri•620

  @shalriPosted 10 months ago

  Good job on this one. Just keep on practicing... Cheers!

  0