Skip to content
OverviewSolutions
38
Comments
21

Ilya Yudin

@yudin7324Montenegro, Budva860 points

"You will do foolish things, but do them with enthusiasm." S.G. Colette

Latest solutions

View more solutions

Latest comments

  • Mikhil Desai•510
    @mike15395Submitted 6 days ago
    What are you most proud of, and what would you do differently next time?

    I completed this challenge and learned many new concepts of CSS.I would like to complete challenge in less time.

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

    Mobile responsive code with sidebar menu was challenging, i overcome it by learning new CSS concepts like z-index.

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

    Nothing specific, any improvements are welcome!

    Responsive-News-HomePage

    1
    P
    Ilya Yudin•860
    @yudin7324Posted 4 days ago

    Advice

    Using BEM (Block, Element, Modifier) for class naming is a great choice. It keeps your CSS structured and makes your JavaScript code easier to work with.

    When declaring variables in JavaScript, prefer const over let whenever the value does not need to be reassigned. This helps prevent accidental modifications and makes the code more predictable.

    0
  • Mikhil Desai•510
    @mike15395Submitted 9 days ago
    What are you most proud of, and what would you do differently next time?

    completed solution in time and learned about accessibilty.

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

    Writing aria-label and checking acccessibilty score

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

    check responsive code.

    reponsive-contact-us-form

    1
    P
    Ilya Yudin•860
    @yudin7324Posted 5 days ago

    HTML:

    • Not all form elements are wrapped in a <form>, which may affect proper data submission.
    • The submit button should have the attribute type="submit".
    • For better accessibility, consider adding additional attributes to form elements.

    CSS:

    • Percentages for sizes can sometimes behave unexpectedly. It’s better to use more flexible approaches for elements, if possible.
    • The font-family: "Karla"; does not need to be specified for every element. It can be set on the body, and child elements will inherit it automatically.

    Recommendations:

    • Improve the accessibility and structure of the markup.
    • Use more flexible approaches for responsive design.
    • The form and event handling can be made more stable and clear.

    Good luck in the next challenge

    0
  • P
    Ilya Yudin•860
    @yudin7324Posted 8 days ago

    The main issue with this code is the lack of keyboard accessibility, which is essential for users who rely on keyboard navigation. To ensure compliance, the accordion should allow navigation via Tab and toggling with Enter and Space.

    Suggestions for improvement:

    • Add keyboard support (keydown → Enter / Space).
    • Instead of dynamically assigning images via JavaScript (sign.src = ...), consider handling the state changes using CSS with background-image or ::after, which is more efficient and keeps your JavaScript cleaner.

    Good luck with the improvements! 🚀

    Marked as helpful
    0
  • P
    Ilya Yudin•860
    @yudin7324Posted 12 days ago

    What’s great:

    • The code is well-structured and easy to read.
    • State changes (rating selection, result display) work correctly.
    • The script loads with defer, improving page performance.

    What can be improved:

    • The validarStars() function is a bit bulky—consider simplifying it to remove repetitive actions.
    • The switch statement is missing break;, which may cause unexpected behavior.
    • Instead of changing styles directly, use CSS classes for cleaner and more maintainable code.
    • Using <input type="radio"> instead of buttons would simplify rating selection and reduce unnecessary JavaScript logic.

    Overall, great job! good luck 🚀

    Marked as helpful
    0
  • P
    Srishti Chaudhary•250
    @itsmesrishtiSubmitted 17 days ago
    What are you most proud of, and what would you do differently next time?

    Completing the project.

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

    At first I thought I would have to use JS for toggle feature but then I was able to figure it out with CSS only solution. How to efficiently extract information from the json and loop through the data was also challenging. How to keep code as modular or reusable as possible using Vanilla JS was also challenging and going over my code after initial stage was also helpful. Also asked chatgpt to rate the JS and if I found Chatgpt's feedback valid I incorporated it.

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

    Any advice is welcome.

    Frontend Quiz App

    #sass/scss
    1
    P
    Ilya Yudin•860
    @yudin7324Posted 17 days ago

    Good job! An interesting implementation with sound effects🎶👍

    1
  • Gwenaël Magnenat•1,520
    @gmagnenatSubmitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I wanted to finish this project as a Single Page Application (SPA) with Typescript but without using a framework. I also learned a lot about using modules and organizing my code into smaller, separate files.

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

    Building all the DOM elements in TypeScript was quite challenging, but after some practice, it became easier—like most things with time and effort.

    I also faced challenges when deploying the project on Netlify. I wanted to allow users to share specific URLs to load a quiz, so I learned how to handle redirects for SPAs on Netlify to make these URLs functional.

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

    This is my first project where I really delved into TypeScript. There are probably many areas for improvement, so I’m open to any advice or recommendations.

    Frontend Quiz App with Typescript

    #sass/scss#typescript#vite#vitest
    1
    P
    Ilya Yudin•860
    @yudin7324Posted 19 days ago

    A very well-implemented application, especially in terms of structure and the inclusion of tests. The code is clean, well-organized, and follows best practices, making it easy to maintain and scale.

    Good luck with your next challenge! 🚀

    0
View more comments