Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
12
Comments
4
P

Ahmed Huzain

@ElHuzain380 points

A fresh computer science graduate and a passionate front end developer.

Latest solutions

  • Devlinks - Bonus completion using Next.js

    #accessibility#firebase#node#typescript#next

    P
    Ahmed Huzain•380
    Submitted about 1 year ago

    The Drag & Drop, while there's a library for that, I wanted to code the logic myself but did not succeed yet.


    0 comments
  • Responsive layout using grid | Native HTML, CSS, JS

    #accessibility#animation

    P
    Ahmed Huzain•380
    Submitted over 1 year ago

    Nothing, I'm happy with how it turned out.


    0 comments
  • Sunnyside Agency | HTML, JS, SASS

    #accessibility#sass/scss#semantic-ui#animation

    P
    Ahmed Huzain•380
    Submitted over 1 year ago

    0 comments
  • Designo multipage using NEXT.js

    #accessibility#animation#next#react#tailwind-css

    P
    Ahmed Huzain•380
    Submitted over 1 year ago

    0 comments
  • Responsive layout using TailwindCSS

    #accessibility#react#tailwind-css

    P
    Ahmed Huzain•380
    Submitted over 1 year ago

    1 comment
  • Responsive Layout using ReactJS & Tailwind

    #react#tailwind-css

    P
    Ahmed Huzain•380
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • Sahil Kumar•190
    @Vi-r-us
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Hi everyone! I wanted to share my React implementation of the todo app challenge. I've incorporated drag and drop functionality using onPointerDown, onPointerMove, and onPointerUp events. I would like to use onDrag pointer events instead of that.

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

    However, I would appreciate any feedback or advice on a few points.

    • I feel like using Pointer Events for the drag and drop functionality made my code a bit complicated and messy. I did my best to keep it clean by adding lots of comments, but any advice on keeping my code cleaner would be much appreciated.
    • Additionally, I would like to implement a locked axis drag like the one from the DnD Kit Library. If someone could help me with that, it would be great.
    • Lastly, there is a question mark sign on the webpage that I haven't been able to figure out where it's coming from. If anyone has any ideas, I would be grateful for your input.

    Thank you all in advance! 😊

    DoMore (TODO) App | React.js

    #react#vite
    2
    P
    Ahmed Huzain•380
    @ElHuzain
    Posted over 1 year ago

    Regarding the question mark problem. Check in the AppProvider component. Right after rendering out children in a {children}, there's a question mark right next to it.

    Marked as helpful
  • Sahil Kumar•190
    @Vi-r-us
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Hi everyone! I wanted to share my React implementation of the todo app challenge. I've incorporated drag and drop functionality using onPointerDown, onPointerMove, and onPointerUp events. I would like to use onDrag pointer events instead of that.

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

    However, I would appreciate any feedback or advice on a few points.

    • I feel like using Pointer Events for the drag and drop functionality made my code a bit complicated and messy. I did my best to keep it clean by adding lots of comments, but any advice on keeping my code cleaner would be much appreciated.
    • Additionally, I would like to implement a locked axis drag like the one from the DnD Kit Library. If someone could help me with that, it would be great.
    • Lastly, there is a question mark sign on the webpage that I haven't been able to figure out where it's coming from. If anyone has any ideas, I would be grateful for your input.

    Thank you all in advance! 😊

    DoMore (TODO) App | React.js

    #react#vite
    2
    P
    Ahmed Huzain•380
    @ElHuzain
    Posted over 1 year ago

    Well done 👏🏻👏🏻

  • Matt Vogelsang•170
    @MattVogelsang
    Submitted over 1 year ago

    React To-Do-List

    1
    P
    Ahmed Huzain•380
    @ElHuzain
    Posted over 1 year ago

    Hey, great work :) But I suggest trying as much as you can to duplicate the given Figma design, as that's the point of the website.

    Front End Mentor provides you challenges similar to ones given in real world projects, so it's a really good practice to try duplicating them.

  • Alexander Hergert•710
    @alexander-hergert
    Submitted almost 2 years ago

    Rest countries api with theme switcher

    #react#redux-toolkit#tailwind-css#vite#react-router
    2
    P
    Ahmed Huzain•380
    @ElHuzain
    Posted almost 2 years ago

    Hey, I have a suggestion, I think it'd be nicer to make the "Dark Mode" text clickable, not just the icon. Even better, make it say "light mode" when it's dark. And "dark mode" when it's light.

    Good luck!

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub