All comments

• 

  samsimsan• 30

  @samsimsan

  Submitted 4 days ago

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

  I'm most proud of the different ui states of the input boxes. I learnt how to use them based on the user's interaction.

  I felt I did a brute method for the state management and form validation. Would like to refine it the next time. I will use Zod for the form validation.

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

  Form validation became a bit challenging. I didn't want to show the inputs as numbers as it gives a inc/dec btn at the end. so I kept them as text, so performing math equations were tough, as I had to decide at what point to convert the strings to numbers.

  

  Mortgage_repayment_calculator - next js 14, tsx, shadcn

  1

  20

  

  BettoRaite• 80

  @BettoRaite

  Posted 4 days ago

  Things I like:

  • Nice website responsiveness (mobile, tablet, pc).
  • Good padding/margin.
  • Text looks pleasing.

  Things I do not like:

  • No hand pointer on mortgage type options except input itself.
  • No transition of inputs from base form to focused.
  • No hand pointer on calc button.
  • result hint is a bit hard to read. (bigger font-size)

  Personal recommendation: Think you can make the challenge harder? Not the type of completed, forgot it. (well you decide, mb, want better challenge.)

  Btw, zod is cool. Definitely give it a try. You can start with the official docs.

  1
• 

  Bharat Kumar• 40

  @bharatkumar02

  Submitted 4 days ago

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

  I would made this with the help of framer motion next time.

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

  One of the challenge is for managing the navigation in this page for mobile approach.

  

  Responsive News_Homepage using tailwind and React

  1

  10

  

  BettoRaite• 80

  @BettoRaite

  Posted 4 days ago

  Things I like:

  • Nicely done layout.
  • Hover effects.

  Things I do not like:

  • No cursor pointer on article links, news feed.
  • Incorrect margin between main content and the articles below.
  • Too much margin between main article and title+description.
  • Broken navbar on mobile and tablet.
  • Incorrect centering of the article(the ones below) covers and their links(Positioned to the left) on mobile and tablet.

  Personal recommendation: Try making the app multi-page, add something of your own, instead of just completing the challenge. You can take me as an example. Did authentication with Firebase, added persistent storage to a challenge.

  0

  This comment has received 1 replyShow
• 

  Ansar• 110

  @ansarstellar

  Submitted 9 days ago

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

  First time making responsive web site

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

  It took time to understand media queries.

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

  I wanna learn more about media queries and other ways of making the website responsive!

  

  Product Preview Card Component(responsive)

  1

  30

  

  BettoRaite• 80

  @BettoRaite

  Posted 9 days ago

  Things I like:

  • Looks clean.

  Things I do not like:

  • Card text content is not wrapping on 320px, instead it's going over the container boundaries and hence I can't see what is written.
  • Font size is too big. (for all platforms, especially card title)
  • On mobile/tablets card width is touching screen edges. (Not beautiful)
  • No hover effects on the button, nor pointer.

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  paulDev• 440

  @dev-paulL

  Submitted about 1 month ago

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

  This was my 3rd React project. I could have finished it in one go instead of working on it for just 15 minutes at a time 😅.

  I didn't need any external help (besides tailwind docs); I modified the cart logic from my previous project and improvised the rest.

  I decided to create a product object with properties like name, brand, images, price, discount.. instead of hardcoding the texts, to simulate a real product page.

  We could imagine that every image would have a provided alt description as well.

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

  Any feedback welcome 👍 I will keep improving and adjusting things on this project.

  

  Sneakers e-commerce React & Tailwind

  2

  60

  

  BettoRaite• 80

  @BettoRaite

  Posted about 1 month ago

  Things I do not like. (Note, have never done the challenge):

  • Where is hover? No offense, but it looks very rigid.

  Fix Add transition to:

  1. Navbar links.
  2. Cart pop-up.
  3. Slide select.
  4. Profile pic.

  • Attribution is too close to the main content.

  Fix

  1. Add margin to the top of attribute or bottom of the main content.

  Overall looks good, padding is nice, gap between navbar links is nice, the structure of the page seems to be pleasing, good job!

  0

  This comment has received 4 repliesShow
• 

  Sohila Essam• 70

  @SohilaEssam2210

  Submitted about 2 months ago

  

  Responsive-form-validation

  1

  00

  

  BettoRaite• 80

  @BettoRaite

  Posted about 2 months ago

  Good job, pretty impressive. Here is my feedback, tho. (Spoiler alert, I do it harsh). Things to improve:

  • Add some side padding inside of input fields: first/last name, email.
  • Fix gap between first/last name inputs.
  • Add some top-margin to the error messages.
  • Use rems for padding.
  • Text inside of inputs does not have the design font.
  • Submit button does not have the design font.
  • Toast notification is not centered.

  Things I hate:

  • Every time I click on the inputs and refocus without typing, error messages pop up below the inputs.

  0
• 

  Hugo-Moreira91• 420

  @Hugo-Moreira91

  Submitted about 2 months ago

  

  Responsive form validation using CSS flexbox and JavaScript

  1

  00

  

  BettoRaite• 80

  @BettoRaite

  Posted about 2 months ago

  Things I did not like:

  • Wrong padding on the input, should be 1 rem.
  • Why is the cursor set to pointer on every input? (Very annoying)
  • No background change on option selected. (Take a look at the design)
  • Font-size is too small.
  • Submits form with invalid inputs.
  • Show error message, even if I select the option.

  Other things:

  • Toast notification disappears too quickly. (not beautiful) Sorry for harsh feedback. I did a good job!

  0