P
@CHBNDJSubmitted 4 months ago
What are you most proud of, and what would you do differently next time?
None
What challenges did you encounter, and how did you overcome them?None
What specific areas of your project would you like help with?None
Andres Lamar
@AndresLamarAll comments
- @AndresLamarPosted 4 months ago
Hey, hope you´re doing well, i encounter some problems in your solution:
- The buttons functionality trigger when clicking only in the SVG, it should trigger when clicking in the button itself.
- Only change the image, but no the text.
0 - @pgsousa10Submitted about 1 year ago
- @Sandaruwan7056Submitted 4 months agoWhat are you most proud of, and what would you do differently next time?
"I’ve learned how to use BEM and plan to improve my BEM structure as I continue learning."
What specific areas of your project would you like help with?nothing in particular any tips will be helpful
@AndresLamarPosted 4 months agoGreat solution, very accurate, the only thing that is missing are the active states for title and name of author.
0 - P@NikitaVologdinSubmitted 5 months ago@AndresLamarPosted 5 months 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 8 months ago@AndresLamarPosted 5 months 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.
Marked as helpful0 - @Mubarak-AdeyemiSubmitted 5 months 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 5 months 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 5 months ago@AndresLamarPosted 5 months 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 5 months ago@AndresLamarPosted 5 months ago
Wow, i really liked the transition between components.
1 - P@hectorlil48Submitted 5 months 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 5 months agoGreat solution overall! Maybe you should add validations to Bill and Custom tip inputs
Marked as helpful0 - @Bigman004Submitted 5 months ago@AndresLamarPosted 5 months ago
Great solution, i like the contrast you do with the colors
0 - P@MikDra1Submitted 8 months ago
- @Israel-AndreottiSubmitted 6 months 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 6 months agoWow! amazing solution, i´ll learn from you your animaltions, mine don´t result as good as yours.
Marked as helpful0 - @Master-X2000Submitted 9 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 6 months 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 6 months 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 6 months ago@AndresLamarPosted 6 months 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 - P@marcus-hillSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
I am proud of my semantic html, involving researching the different elements and how they should be used, such as the section tags and also the article tag for the recipe.
I am also proud of my ability to make the design responsive, where it switches from the desktop/mobile view with the use of media queries.
I believe the end result is pretty good and matches the figma design.
What challenges did you encounter, and how did you overcome them?I encountered challenges with the various padding and spacing within elements, such as between the bullet point on the lists and the list item, having to add classes in order to achieve the right spacing as per the figma file.
What specific areas of your project would you like help with?I would like some feedback on both my semantic HTML and also the responsive element of my design. Should I be using pixels for media queries and have I done it in the right way? What other changes should I make to have this as responsive as possible?
@AndresLamarPosted 6 months agoHey, everything seems good in terms of HTML semantic and responsiveness of your solution
0 - @Lalithanjali-16Submitted 6 months ago
- P@DannyGuerinSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
Overall, I'm very pleased with how the project went. I'm most proud of the planning I put in before starting, in which I broke down the task into lots of small subtasks that I worked through. This really helped me focus on what needs to be done next and not on the whole project. What I will do differently next time is organize a little more and ensure I can access the information I need more quickly. I'm sure this will be refined over time.
What challenges did you encounter, and how did you overcome them?The two main challenges for me were making the text reduce in size depending on the device (I used rem's in the end. I hope that is correct?) and the hover effect. After some research, both were much simpler to implement than expected. I also changed the cursor to a pointy finger on the hover. ;-)
What specific areas of your project would you like help with?I feel like everything is okay, but I have been looking at this for too long. Please let me know if anyone sees something I have missed or that is incorrect. Thank you.
@AndresLamarPosted 6 months agoHope you are doing great, your solution is so good, i think there is no need to change anything.
0
