I did not change anything to my solution from a few years ago. I'd like to update it to tailwind v4, but I ran into some problems with the toggle to darkmode. The API has gotten a lot slower and I'd like to try to bak it up with the data countries file in the new challange.
Really good work. yes you should switch to the file provided, the API doesn't work anymore.
I'm proud of getting the form elements looking close to the design while still keeping their native accessibility.
I also learnt a more detailed way to validate the form fields before the form is submitted (to prevent strings being entered instead of numbers for example).
What challenges did you encounter, and how did you overcome them?I found this exercise relatively straightforward, as I've used React Hook Form before. Most of the work was in the styling.
Hi, really good work :) It seems you need to implement the logic for adding the desserts to the cart. So far you did a really good job.
Working on React, Next time I would like work on getting data from json file using React Hoooks
What challenges did you encounter, and how did you overcome them?This was my first time working with tailwind. Documentation came in handy
What specific areas of your project would you like help with?Any other ways to implement the solution.
I am most proud of successfully implementing a fully functional Pomodoro app with a focus on accessibility and user experience. The integration of ARIA attributes to enhance accessibility and the use of local storage to persist user settings were significant achievements. If I were to do this project again, I would start by planning a more modular code structure to make the application easier to maintain and extend. Additionally, I would explore using a framework like react.
What challenges did you encounter, and how did you overcome them?One of the main challenges I encountered was managing the layout and styling of the number inputs when adding the max attribute, which caused unexpected shrinking. I overcame this by setting the dialog's width to 100% and applying flex: 1; to the input's parent container, ensuring consistent sizing. Another challenge was ensuring the app's accessibility, which I addressed by incorporating ARIA attributes and seeking guidance from accessibility experts in the community.
I would like help with optimizing the performance of the app, particularly in terms of reducing any potential layout shifts or flickers when loading user settings. Additionally, guidance on implementing a more robust state management solution would be beneficial, as it could improve the scalability and maintainability of the application. Lastly, any advice on further enhancing the app's accessibility features would be greatly appreciated.
I learned a bit about using Figma. My mastery of CSS properties has increased a little, and I'm happy that I’ve gradually learned to use Grid and Flex.
What challenges did you encounter, and how did you overcome them?I encountered challenges with mobile design. To overcome this, I used artificial intelligence and W3Schools.
What specific areas of your project would you like help with?I think I have many gaps in mobile responsive design, and I would like help in this area.
Hi, the solution looks really great :) For the responsiveness of web pages you should stop using fixed width and height and start using, max-width to limit the width of a container, and possibly don't set a value for the height of a component. If you start thinking in max-width term you'll find it much more easy to build responsive pages.
E.g. You could have used on the container max-width : 25rem and margin-inline : auto. (You used grid on the body and place-items to center it. It is equally valid)
Anyway I recommend the youtube channel of Kevin Powell. He has a lot of amazing videos. You could learn a lot.
First Frontend react project, next time I will make sure the FM folders are correctly placed within the vite react app.
What challenges did you encounter, and how did you overcome them?Deployment, at the end I messed thing up by moving folders around an overwriting things late.
What specific areas of your project would you like help with?App CSS seems to be lost, code is still there but the page is looking weird after deployment. I had to update the path for Home in the App.jsx. I wonder if that messed things up.
Good work! The only think I can suggest you is trying to avoid using id selector. They are really difficult to override but for this small project they are fine.
handling forms in a better more efficient way, also taking web accessibility into consideration
What challenges did you encounter, and how did you overcome them?not much
I am proud that I made it through this project. It took longer than I expected because of a lot of nuanced details. If I had to start this project over I would come up with a better filing system! I tried one but it was not the most efficient but I am seeing progression!
What challenges did you encounter, and how did you overcome them?I overcame challenges with the help of the console and asking friends specific questions when I got stuck! Th
What specific areas of your project would you like help with?I would love help with code organization!
finishing this project, js part.
What challenges did you encounter, and how did you overcome them?displaying rating value, by searching it.
What specific areas of your project would you like help with?all of it.
Good work! The only thing I would suggest you is to get ríd of the global valué binding. For a small project like this it doesn’t mind but Wien the project grow, global bindings are really hard to deal with. You can pass the value in an argument or you can retrive it in your function.
