Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
32
Comments
22
P

Smaylen5

@Smailen5Italia600 points

👋 Hi! I’m Smailen, a passionate frontend developer focused on React and TypeScript. I enjoy building accessible, responsive layouts and improving my skills with every challenge on Frontend Mentor. Outside coding, I love video games and playing my electric guitar. Excited for the next project! 🎸🚀

I’m currently learning...

Html, CSS, JavaScript, TypeScript, Tailwind, Shadcn UI, React.js

Latest solutions

  • BMI Calculator with react

    #react#tailwind-css#typescript#jest

    P
    Smaylen5•600
    Submitted 3 months ago

    1 comment
  • Ecommerce with React and Tailwind v 4.0.6

    #motion#react#tailwind-css#vite#react-router

    P
    Smaylen5•600
    Submitted 4 months ago

    I've decided to separate the types and the application's logic to keep the components as clean as possible. The problem is that everything still feels a bit messy.

    Do you have any suggestions on code organization methods besides Atomic Design?


    1 comment
  • new homepage app with next

    #next#react#tailwind-css#typescript#shadcn

    P
    Smaylen5•600
    Submitted 6 months ago

    1 comment
  • Contact form whit React, Typescript and Formik

    #accessibility#react#tailwind-css#typescript#vite

    P
    Smaylen5•600
    Submitted 9 months ago

    All feedback welcome 😃


    1 comment
  • Faq accordion accesibility

    #accessibility#react#shadcn#typescript#tailwind-css

    P
    Smaylen5•600
    Submitted 10 months ago

    Any feedback is welcome 😉


    1 comment
  • Frontend quiz whit Typescript

    #accessibility#react#tailwind-css#typescript#react-router

    P
    Smaylen5•600
    Submitted 10 months ago

    Any feedback is welcome! 😉


    1 comment
View more solutions

Latest comments

  • Karol•3,100
    @VillageR88
    Submitted over 1 year ago

    Body Mass Index calculator: VSC, next.js, react, tailwind.

    #next#react#typescript#tailwind-css
    1
    P
    Smaylen5•600
    @Smailen5
    Posted 3 months ago

    great solution

  • P
    lai yiu leung•400
    @jasper2virtual
    Submitted 6 months ago

    tailwindcss, vite, vues

    #vite#vue#tailwind-css
    1
    P
    Smaylen5•600
    @Smailen5
    Posted 4 months ago

    Great solution 😀

  • P
    lai yiu leung•400
    @jasper2virtual
    Submitted 6 months ago

    vite, vuejs, tailwindcss, subgrid

    #tailwind-css#vite#vue
    1
    P
    Smaylen5•600
    @Smailen5
    Posted 6 months ago

    good solution :)

  • P
    Nate Valline•420
    @nvalline
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    This was a good challenge to focus on developing a contact form and some of the finer details that go into creating an accessible form. I am proud about completing the challenge based on the requirements provided.

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

    Creating the toast animations took a little longer than it should have, but I did learn about a new method to animate from display: none.

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

    I would appreciate any tips/suggestions as to improve my code. Thanks!

    HTML, CSS, & TS

    #accessibility#typescript
    1
    P
    Smaylen5•600
    @Smailen5
    Posted 9 months ago

    Great solution 😉

    But I noticed that the validation only happens when the form is sent, if I correct the input field I don't have immediate feedback if it is correct

    Marked as helpful
  • Wendy•2,150
    @wendyhamel
    Submitted over 1 year ago

    FAQ Accordion

    #accessibility#tailwind-css
    1
    P
    Smaylen5•600
    @Smailen5
    Posted 10 months ago

    Great solution 😃

  • Mohamed Kabba•220
    @Mohamedkabba444
    Submitted 10 months ago

    Interactive rating component

    2
    P
    Smaylen5•600
    @Smailen5
    Posted 10 months ago

    Great solution 😉

View more comments
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

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

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