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

Sam Hooker

@35degreesAuburn, CA780 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Responsive svelte tailwind flag with modal


    P
    Sam Hooker•780
    Submitted 5 months ago

    a11y


    1 comment
  • responsive grid

    #svelte#tailwind-css#accessibility

    P
    Sam Hooker•780
    Submitted 5 months ago

    2 comments
  • Svelte Tailwind Product cart

    #svelte#tailwind-css

    P
    Sam Hooker•780
    Submitted 6 months ago

    Passing props and using functions as props.


    3 comments
  • Svelte Tailwind

    #svelte#tailwind-css

    P
    Sam Hooker•780
    Submitted 6 months ago

    1 comment
  • Pomodoro in Tailwind and Svelte with SVG

    #animation#svelte#tailwind-css#vite

    P
    Sam Hooker•780
    Submitted 6 months ago

    1 comment
  • Galleria Svelte Responsive Grid Transition Animation

    #svelte

    P
    Sam Hooker•780
    Submitted 7 months ago

    0 comments
View more solutions

Latest comments

  • P
    Sam Hooker•780
    @35degrees
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I made some missteps at the start and some bad component architecture but I was able to do some research and restructure the components. I'm proud that I solved the currency conversion from numbers without installing a library and that I passed props across multiple components including functions. I would do more architecture testing up front instead of jumping in.

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

    Lots of changes to get the components and props to work together. A good change in one components broke something in another component a couple of times but I worked through these issues.

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

    Passing props and using functions as props.

    Svelte Tailwind Product cart

    #svelte#tailwind-css
    3
    P
    Sam Hooker•780
    @35degrees
    Posted 5 months ago

    Thanks! just svelte haha, I don't know react

  • Ejiofor John•490
    @echocode1
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    using api is what i love and the whole project with dark mode is a teaser .i love the challenge and being able to complete it is also a plus

    responsive rest-api with typescript & mui

    1
    P
    Sam Hooker•780
    @35degrees
    Posted 5 months ago

    Nice work! I don't use React and I'm limited with TS so I can't comment on those parts of your code, but your router is very professionally done. When I search for a flag, I can't open the country details, just UI thing. Amazing work, looking forward to seeing your next project.

    Marked as helpful
  • celemar•370
    @celemar
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    My ability to manage validations, particularly those involving numbers, was honed through this project, and I'm happy with the way I was able to present error messages that were in line with the schema. In the future, I would use an external library like numeral.js for formatting numbers.

    Mortgage Calculator - Next.js + React Hook Form + Zod

    #accessibility#next#typescript#zod#tailwind-css
    1
    P
    Sam Hooker•780
    @35degrees
    Posted 5 months ago

    Nice job! Really clean look and feel. Works great. When the red error alerts pop up, they expand the height of the entire container very abruptly, maybe there's a way to account for their height using opacity and not have the entire box size change? Otherwise, it's great work, looking forward to seeing your next contribution.

    Marked as helpful
  • Jonathan•570
    @JonathanP4
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    Been a long, long time since i last completed a frontend mentor challenge, this time i tried using svelte instead of react and i gotta say, i absolutely loved it! Definently will start learning it. About the solution, i hope it looks fine, any feedback or good resources for learning svelte are welcome! ;)

    Product list with cart (Svelte + Tailwind)

    #svelte#tailwind-css#vite
    1
    P
    Sam Hooker•780
    @35degrees
    Posted 6 months ago

    fantastic work. I love the Svelte + Tailwind combo, I also used that. Great job with the store and all the details, I took a lot from your code. Only nitpick I find is that the order confirmation modal flickers to the top of the screen when you close it but that's all. Thanks for sharing!

  • Oswald•490
    @Oswalld
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    First time with vue.js

    results-summary-component-main | vue | vite | tailwind

    #vite#vue#tailwind-css
    1
    P
    Sam Hooker•780
    @35degrees
    Posted 6 months ago

    Nice job, super clean code. It doesn't look like you did the responsive part of the design.

  • P
    Tsukimi•820
    @hikawi
    Submitted 7 months ago
    What challenges did you encounter, and how did you overcome them?

    I had some styling issues since with focus controls, there's still a little radio button appearing on firefox even with putting appearance-none, so I used buttons with role radio instead, which is kinda bad. Even tho the clock type thing to switch from pomodoro to short break, etc. is still using radio because I'm too lazy to change that.

    Pomodoro app

    #tailwind-css#vue#astro
    1
    P
    Sam Hooker•780
    @35degrees
    Posted 6 months ago

    This is awesome, great job with the timer circle and adding the multiple languages. I want to learn Astro. The tech is really well done, my only comments are on the layout. I have a tall screen so the elements are very far apart on it, maybe have them closer together? Maybe show the default timers instead of 0:00 display before they start? Amazing work!!

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