Skip to content
OverviewSolutions
27
Comments
174
Asilcan Toper
@KapteynUniverse

All solutions

  • Multi Step Form

    #accessibility#react#typescript#vite
    Asilcan Toper•2,960
    Submitted 16 days ago

    Any feedback is appreciated. I changed some colors—except for the disabled toggle text color—because they had poor contrast ratios. I suspect the step texts also have poor contrast, but I didn’t touch them since I couldn’t confirm the issue using the developer tools.

    1 comment

  • Browser Extensions Manager UI

    #accessibility#react#tailwind-css#typescript#vite
    Asilcan Toper•2,960
    Submitted 3 months ago

    Any feedback is appreciated. Is there a way to change only the text color of the logo SVG, or is the dark mode logo missing? Also, is there a better way to fetch data, toggle states, and handle dark mode?

    5 comments

  • Product List w/ Cart

    #accessibility#react#vite#typescript
    Asilcan Toper•2,960
    Submitted 4 months ago

    Any feedback is appreciated. I’m not sure about my aria-live and description list usage.

    1 comment

  • Real-time and partly CRUD interactive comment section

    #accessibility#react#tailwind-css#firebase
    Asilcan Toper•2,960
    Submitted 7 months ago

    I wrote my answers in the comments, but again, any feedback is appreciated.

    3 comments

  • Sign-Up Form

    #accessibility
    Asilcan Toper•2,960
    Submitted 8 months ago

    Any feedback is appreciated. Probably white texts on the light red background also has bad contrast but i can't see that on the dev tools.

    1 comment

  • Space tourism with some custom animations + framer motion

    #accessibility#motion#react#react-router#tailwind-css
    Asilcan Toper•2,960
    Submitted 8 months ago

    Any feedback is appreciated.

    I feel like there is a way to create a reusable component for all pages to avoid redundancy, but I couldn’t manage it due to differences in order and styling.

    I wasn’t sure whether to use the or tag for the numbers on different pages. Since screen reader users will already know what page they’re on, I went with .

    I am very beginner to the React. Is the folder structure good?

    1 comment

  • Sunnyside Landing Page

    #accessibility#animation
    Asilcan Toper•2,960
    Submitted 8 months ago

    I tried using the tag for the modal in the final stage, but it caused styling issues that i couldn't fix, so i switched back.

    Any feedback is appreciated. Please tell me anything to improve or if i missed something.

    2 comments

  • E-Commerce Product Page

    #accessibility#animation
    Asilcan Toper•2,960
    Submitted 8 months ago

    Any feedback is appreciated.

    Just found a bug before posting, it is possible to focus some hidden element and modal with tab button.

    1 comment

  • Landing Page

    Asilcan Toper•2,960
    Submitted 8 months ago

    Any feedback is appreciated but i would especially like to get feedback about accesibility, semantics and grid.

    1 comment

  • NFT Card Component

    #tailwind-css#accessibility
    Asilcan Toper•2,960
    Submitted 9 months ago

    Any feedback is appreciated but i would like to get feedback about accesibility and semantics. Also i can see font family is correct on computed tab of the dev tools and can toggle on styles but for some reason on console there is a 404 error for the font.

    1 comment

  • News Homepage

    Asilcan Toper•2,960
    Submitted 9 months ago

    I would like to get feedback about grid (had some troubles with imgs), accesibility and semantics. I didn't put aria-labels to anchor elements (except the read more button) because i tought they have enough text information inside them. Is that a right approach?

    Also one thing i couldn't manage is when the navigation bar opened, it is possible to focus background elements like read more button, news. with tab key, which i do not want.

    1 comment

  • Contact Form

    Asilcan Toper•2,960
    Submitted 9 months ago

    I would like to see feedback about accessibility. There are a lot to digest in this learning path.

    1 comment

  • Tip Calculator

    Asilcan Toper•2,960
    Submitted 9 months ago
    1 comment

  • Time Tracking Dashboard

    Asilcan Toper•2,960
    Submitted 9 months ago

    I think only thing i couldn't manage is to change the background color of the card to the initial state when hovering the ellipsis icon.

    1 comment

  • Newsletter Sign Up

    Asilcan Toper•2,960
    Submitted 9 months ago

    I like to do these basic validations with css instead of js but this time, this doesn't work. I couldn't figure out the reason

    input {
position: relative 
}

input:not(:placeholder-shown):invalid::after {
    content: "Valid email required";
    height: 16px;
    width: 16px;
    position: absolute;
    top:0;
    right:0;
  }
    1 comment

  • Article Preview

    Asilcan Toper•2,960
    Submitted 9 months ago

    I think i am having trouble with images all the time. Couldn't adjust text section height like %70 of the card because img height didn't reduce ( height = 100% wasn't there at start ) Tried flex .3, max-height etc. Also couldn't find how to crop img either. Maybe overflow = hidden would work normally but here i used flex.

    2 comments

  • Testimonial Grid Section

    Asilcan Toper•2,960
    Submitted 9 months ago

    Need to work on grid more. Any feedback is appreciated

    1 comment

  • Four Card Feature Section

    Asilcan Toper•2,960
    Submitted 10 months ago
    1 comment