Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
21
Comments
5

Joshysmart

@joshysmart840 points

Innovative web developer and software engineer, specialized in creating unique site designs and user interfaces that adhere to internal coding standards and technical requirements. With expertise in architecting customer-facing products that offer novel user experiences and a proven track record of

Latest solutions

  • Kanban Task Management Web-app NextJs | Express | React-DnD | RHF

    #accessibility#next#react#tailwind-css#express

    Joshysmart•840
    Submitted over 1 year ago

    0 comments
  • Developer Portfolio Using Remix, Tailwind, Typescript and Sendgrid

    #accessibility#mongodb#express

    Joshysmart•840
    Submitted over 2 years ago

    2 comments
  • Responsive Invoice App Built Using Remix and Prisma

    #react#remix#mongodb

    Joshysmart•840
    Submitted over 2 years ago

    0 comments
  • Fullstack Audiophile e-commerce website built using remix

    #express#node#react#remix#mongodb

    Joshysmart•840
    Submitted over 3 years ago

    0 comments
  • Calculator App Using React


    Joshysmart•840
    Submitted about 4 years ago

    2 comments
  • Loopstudios landing page


    Joshysmart•840
    Submitted almost 4 years ago

    0 comments
View more solutions

Latest comments

  • Joshysmart•840
    @joshysmart
    Submitted over 2 years ago

    Developer Portfolio Using Remix, Tailwind, Typescript and Sendgrid

    #accessibility#mongodb#express
    2
    Joshysmart•840
    @joshysmart
    Posted over 2 years ago

    Thank you for taking the time to provide feedback on my solution. Let me address some of the issues you raised

    1. Looks like there may be some issues here from looking at the design comparison above. It looks good on my phone though I changed the design in my solution and moved the project section into a new page that is why there is a discrepancy between my front page and the generated screenshot

    2. That said, you definitely have some issues with accessibility and html structure here. I’ve only looked at the contact component but noticed i. there’s no form element There is a form element. I am handling the form using remix.run

    ii. the button is missing a type attribute I have now added a type attribute

    iii. no inputs are labelled (it’s not enough to wrap in a label tag, they need content) I have added a for attribute to the input if that isn't what you mean please help me clarify

    iv. errors are not programmatically linked to their inputs the form validation and errors are handled at the backend I have modified the solution to maintain the form position after submission so any error is visible to the user.

    v. errors have no aria-live attributes I have added the attribute to the error elements. This is new to me thanks for pointing that out

    vi. there’s no form validation, even the basic html kind I have added basic HTML validation I initially left out but there is still validation for the inputs in the backend

  • Joshysmart•840
    @joshysmart
    Submitted over 4 years ago

    Launch countdown timer

    2
    Joshysmart•840
    @joshysmart
    Posted over 4 years ago

    Thank you so much for taking the time to review my solution I learned a lot. I have refined the animation. I hope this is better?

  • Joshysmart•840
    @joshysmart
    Submitted over 4 years ago

    Mobile first: Job listings with filtering Using React.

    4
    Joshysmart•840
    @joshysmart
    Posted over 4 years ago

    @justAdevTV @davidomarf thank you for your response. it means so much. I have improved the responsiveness and I'd appreciate it if you can go over it again..

  • Joshysmart•840
    @joshysmart
    Submitted over 4 years ago

    Mobile first: Job listings with filtering Using React.

    4
    Joshysmart•840
    @joshysmart
    Posted over 4 years ago

    If I add some things to the filters, and then manually remove them by deleting one by one, the list doesn't update. Even if I end up with 0 filters.

    it works fine on my local server. I will look into it.. thank you so much for inspecting and giving me feedback i appreciate your response

  • Aryan•260
    @Aryan-desale
    Submitted over 4 years ago

    Solution of Chat app CSS illustration. The code is quite responsive.

    1
    Joshysmart•840
    @joshysmart
    Posted over 4 years ago

    Can you try deploying it with vercel, or github?

Frontend Mentor logo

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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

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