Skip to content
OverviewSolutions
14
Comments
14

Abdullah Tunçer

@abdullah-tuncerİzmir-Türkiye270 points

FrontEnd Developer - Bilgisayar Mühendisi

Latest solutions

View more solutions

Latest comments

  • P
    Brais•380
    @braismarquez2025
    What are you most proud of, and what would you do differently next time?

    Me resulta más cómodo la forma de validar los formularios con django, pero lo he hecho con java sin problema

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

    El checkbox es lo que más me ha costado, he tenido que añadirle una clase hidden mediante la cual usando toggle en java he logrado marcar y desmarcar la casilla.

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

    Si puedo simplificar el código js se agradece feedback!

    Contact Form Solution

    1
    Abdullah Tunçer•270
    @abdullah-tuncer

    Since only one option should be selectable, radio buttons would be more appropriate than checkboxes in this context. Also, for better code readability and maintainability, it's a good practice to avoid writing multiple tags inline. Structuring them properly helps prevent bad habits and improves long-term code quality.

  • Evans Macharia Kabubii•170
    @EvansKabubii
    What are you most proud of, and what would you do differently next time?

    The onclick thing was great to learn to use, so it's cool to use that.

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

    Getting the page to be responsive on each opening and closing of an FAQ. I won't lie, I had help from chatgpt but it worked out

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

    oh man, if yall have the patience to make the page responsive to size changes, respect. I feel knackered after doing the page successfully, its like a weak point of mine lol.

    FAQ page

    1
    Abdullah Tunçer•270
    @abdullah-tuncer

    If you set justify-content: space-between on the question class, the title and icon will be fixed to the edges. You'll need some practice with flexbox and media queries.

  • 14avi14•310
    @14avi14
    What are you most proud of, and what would you do differently next time?

    I am glad that I was able to keep my JS code short and concise, though this was a simpler project so that was probably the main reason. I also used semantic HTML, and I used fewer random <div> containers for random positioning that I used to which also cleared the clutter in my HTML.

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

    Not many challenges for this one, just one thing was that I didn't realize that labels were inline elements, which I realized by using dev tools in a new way that I did not know I could before: if a certain style is not actually being applied, inspect that element and go to the "styles" tab, which will show the styles being applied; if something is not being applied, it will be shaded slightly grey and there will be and "i" icon that gives information about why that style is not being applied.

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

    For my radio buttons, I made them display: none and used the labels. But, I could not tab through them so I used tabindex. This allowed me to tab through the rating buttons, but I couldn't just click "enter" or "space" like a normal button. So, my question is how is this done?

    Created accessible rating page

    1
    Abdullah Tunçer•270
    @abdullah-tuncer

    I hadn't considered using a radio button — that's a great idea. However, after navigating to a radio button using the Tab key, it can't be selected using either the Space or Enter key. It would be great if this could be fixed. If resolving the issue isn't feasible, an alternative could be using a standard button in combination with a dataset.

    Marked as helpful
  • 14avi14•310
    @14avi14
    What are you most proud of, and what would you do differently next time?

    I'm glad that I learned about using objects for the form validation: that definitely helped shorten the code. I also was able to use "pure" functions, but I'm not sure how much that really helped, it felt like it made the code longer.

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

    I struggled a bit figuring out how to make the input value for the custom tip work. What I ended up doing was just making the "name" of the custom tip input nothing when one of the radio buttons was pressed for the other tip values, and making it "tips" when it had a value typed into it, and then I used a function to uncheck the other radio buttons. I am not sure if this was the most concise method though.

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

    First, thing I want to know: when is it actually useful to have "pure" functions(meaning none of the variables inside the function are global)? I ask this because my code had some functions with like 5-8 really specific variables, and the task was super specific as well, like I would probably not use it anywhere else. An example would be my updateDom function on line 154 of my script.js file.

    Another question: how would you have done the "tips" section. I used radio buttons, and tried to put the custom tip input inside a label for another radio button so that when someone clicked that input, the other radio buttons would de-select, but that didn't work. Instead I did what I said above: I just added the same name as the radio buttons if something was typed inside. How would you have done it?

    Interactive Tip Calculator

    1
    Abdullah Tunçer•270
    @abdullah-tuncer

    Clean code. Good job 👍

  • Thomi Hawari•170
    @thomi-h
    What are you most proud of, and what would you do differently next time?

    I think the script code could be more efficient like using another variable to store which element is being active so that doesn't require loop inside a loop to clear the "active" class.

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

    I had some problem with the overlaying element, finally I take my first appraoch to just use position absolute on the icon, and give a margin top to the element below it.

    Responsive Time Tracking App

    1
    Abdullah Tunçer•270
    @abdullah-tuncer

    Good work 👍

  • Abdullah Tunçer•270
    @abdullah-tuncer

    Great work! I also liked the structure of your repo. It was an idea I had in mind but haven't tried yet. I'm going to try it now. 😊

View more comments