@NikitaVologdinSubmitted 9 days ago
Andres Lamar
@AndresLamarAll comments
- @AndresLamarPosted 9 days ago
Excellent solution! Maybe in this project there was no need to use React-router, in the live site when clicking in any nav page it redirects to a empty page with 404, that's no a good user experience.
Marked as helpful0 - @Et18nSubmitted 4 months ago@AndresLamarPosted 15 days ago
Great solution, you should add an anchor tag to elements that are supposed to be navigables, like the navbar items or the articles in the aside section.
0 - @Mubarak-AdeyemiSubmitted 20 days agoWhat are you most proud of, and what would you do differently next time?
I’m most proud of implementing real-time validation with accessible error messages, which improves usability for screen readers and provides immediate feedback for users. If I could do it again, I’d focus more on refining error-handling logic and exploring more advanced accessibility techniques, like dynamic ARIA live regions for validation updates.
What challenges did you encounter, and how did you overcome them?- One of the main challenges was properly validating and updating the appearance of radio buttons when checked. Initially, I mistakenly used .forEach() instead of .some(), which complicated validation checks. The aim was to validate the selection and change the background colour of the selected radio label efficiently. iIcorporating .some() allowed me to more easily determine if at least one radio button was selected, simplifying the validation logic.
Debugging the radio button styling was another hurdle. I needed to ensure the correct background colour appeared only when a button was selected, removing the style if unchecked. By creating functions to manage background and border changes, I achieved a cleaner, dynamic approach that adapted to the user's interactions.
- The first solution led me to this challenge of the handleQueryType (or validateQueryType) function, which was returning undefined due to the use of the .forEach() method. Because .forEach() does not return a value, I couldn’t easily check if any radio button was selected.
To fix this, I refactored the function to use Array.from().some() only, allowing me to check if any radio button was selected. This way, the function returned true if at least one radio was checked and false otherwise, making the validation logic much simpler and more reliable. This approach enhanced both the accuracy and readability of the validation process.
@AndresLamarPosted 19 days agoGreat solution, i encounter some bugs when using the autocomplete in First and Last name inputs, if i use autocomplete it appears the error of invalid input, and you also should verify the space of the error messages, because some errors overlap the label that is below it.
0 - @f-avalosSubmitted 22 days ago@AndresLamarPosted 21 days ago
Great solution, maybe you should add a fixed width to the card so it don´t increase its width when one answer in the accordion is deployed.
1 - @f-avalosSubmitted 22 days ago@AndresLamarPosted 22 days ago
Wow, i really liked the transition between components.
1 - @hectorlil48Submitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
I'm proud that I completed the project and figured out the JavaScript, even though I relied on a lot of help from Google along the way. There's still a lot for me to learn, and I want to keep improving my JavaScript skills so I can solve problems more independently in the future.
What challenges did you encounter, and how did you overcome them?Sure! Here’s a more concise explanation of how you handled coding the error state: One of the challenges I faced was implementing an error state for the "Number of People" input before performing calculations. In the calculateAmounts function, I check if the input is empty or less than or equal to zero. If so, I set the outline color to red and displayed an error message, using return to prevent further calculations.
If the input is valid, I reset any error states, ensuring calculations are only done with valid data. This approach provides immediate feedback to users and enhances the overall functionality of the tip calculator.
What specific areas of your project would you like help with?Need more practice solving problems with JavaScript. I intend to do more problem-solving.
@AndresLamarPosted 29 days agoGreat solution overall! Maybe you should add validations to Bill and Custom tip inputs
Marked as helpful0 - @Bigman004Submitted about 1 month ago@AndresLamarPosted about 1 month ago
Great solution, i like the contrast you do with the colors
0 - @MikDra1Submitted 4 months ago
- @Israel-AndreottiSubmitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
I really learned a lot about display grid and it's properties. I really liked working with it.
What challenges did you encounter, and how did you overcome them?OK, I need to admit it, I was really difficult form me to this on my own, I had to ask for help and some tips on how doing the “share option” when you click on the share button. I also had a lot of trouble on changing the content of the mobile version. Although it was a really challenging project which make me kind of frustrated at some point, in the end it was nice to complete the challenge.
What specific areas of your project would you like help with?I really need to learn more about CSS animations and stuff like that. That pop up that come when I click share in the desktop version was really difficult for me so, any help I'm thankful.
@AndresLamarPosted about 1 month agoWow! amazing solution, i´ll learn from you your animaltions, mine don´t result as good as yours.
Marked as helpful0 - @Master-X2000Submitted 5 months agoWhat are you most proud of, and what would you do differently next time?
Been able to complete the challenge without anyone help
- @yiorgosbagakisSubmitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
I used Tachyons on this for practicing even though I don't think it was worth it. I ended up using a lot of custom css classes
What challenges did you encounter, and how did you overcome them?The layout is a bit unorthodox so I felt that it was tricky to recreate it.
What specific areas of your project would you like help with?Choice of html tags and the choice of html structure.
@AndresLamarPosted about 1 month agoGreat solution, maybe you should consider doing it with grid too, that way you´ll practice and learn to make with both aproches, with flex and grid.
0 - @praditiaSubmitted about 1 month ago@AndresLamarPosted about 1 month ago
Hey, hope you doing great! About your solution maybe you should improve your semantic and use less divs, i.e <main>, <footer>, but overall your solution is amazing!
0
