@EhmkayelSubmitted 9 months ago
Hello everyone, I will be glad if you can take a look at my work and let me know where I can work on, thank you
P
Thomas
@FixitoAll comments
- @AymaneOnlineSubmitted 24 days agoWhat are you most proud of, and what would you do differently next time?
The whole challenge was a nice exercise to practice accessibility and JavaScript Validation.
I've used AI a lot during the creating of the mark-up (for improving accessibility) and for the JavaScript Validation, so next time it would be better if done the work without using AI.
What challenges did you encounter, and how did you overcome them?I've encountered many challenges.
For indicating that a field is required I used an approach from accessibility-developer-guide.com that was recommended in the learning path of Frontend Mentor which use an `` file instead of a simple "*" string.
What specific areas of your project would you like help with?I would like help on how to style that query box with
background-color: $green-200whenever the radio input is checked.I would appreciate any other help! 👍
@FixitoPosted 23 days agoGood job! You could add a red border to invalid inputs and make the toast disappear after a few seconds.
Marked as helpful0 - @ClaudiaRamirezDSubmitted about 1 month agoWhat specific areas of your project would you like help with?
I'm completely new to web accessibility. I tried to do my best, but if you see any way to improve it, please let me know!
- @Jenny-EikensSubmitted 26 days agoWhat are you most proud of, and what would you do differently next time?
I am most proud of how I improved my understanding of React as I built this project, as it was my first React app. Next time, I think I would use React-Bootstrap rather than plain CSS and use Sass for my CSS as I found myself applying a lot of the same properties to different elements.
What challenges did you encounter, and how did you overcome them?As for the actual coding part, I struggled most with the proper use of state variables to make my components work together. I went back to the React documentation and read through the chapters on conditional rendering and the use of state variables, and I did some of their practice exercises to improve my understanding. It also took me a while to figure out the responsive design. I initially tried using width, min-width, height, and min-height to ensure proper proportions but the layout always ended up getting messed up on smaller screens. Applying an apsect-ratio eventually fixed that problem. Overall though, the deployment process was most difficult for me. I spent several afternoons/evenings fixing issues. The problem was that because I built the project with React, I encountered some React-specific issues during the process of building the app and pushing to Git. As I had no prior knowledge of Git, this was quite a challenge. I found myself looking up one error message after another that popped up in my terminal. In the end I managed to get it up and running though.
What specific areas of your project would you like help with?I think functionality-wise, my app should work just fine. Currently, the only slight issue I'm aware of is that when I open the live site on my cell phone and rotate the screen (so that it's wider than it is high), the top of the rating card gets cut off slightly. So I'm thinking I might need to add a media query to add a margin-top for this scenario. Also, I know I didn't get the colors right. The thing is, the style guide file only lists three colors other than white and orange, which doesn't work out because from the design pictures provided, it looks like there need to be at least four shades of black/blue/dark gray. This is also what color extraction tools that I put the pictures into told me. I would like to know how others approached this (did you stick to the colors provided by the style guide or did you extract the colors from the pictures and use those)?
- @NikitaVologdinSubmitted 25 days ago
- @DaysiredSubmitted about 1 year ago
- @ansarstellarSubmitted 2 months ago
- @aymenthedeveloperSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
Hello my Frontend Mentor friends! I'm aymen and this is my solution for this challenge :)
The solution is built with:
HTML CSS JavaScript (to change the data)
- @codewithimranSubmitted about 1 year ago
Please Like and Share and comment. Thank You!
- @asliddinamirSubmitted about 1 year ago
The 12th Challenge is done on the 12th Day👊😤!
- @KhoiNgDSubmitted over 2 years ago
- @JD095githubSubmitted about 1 year ago
