Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
29
Comments
28

Trevor

@TrEv0rRrRrLima590 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

  • Random advice generator app

    #react#typescript#tailwind-css

    Trevor•590
    Submitted 3 months ago

    0 comments
  • multi-step-form

    #react#tailwind-css#typescript

    Trevor•590
    Submitted 3 months ago

    1 comment
  • interactive-comments-section

    #axios#express#react#tailwind-css#typescript

    Trevor•590
    Submitted 4 months ago

    1 comment
  • rest-countries-api-with-color-theme-switcher

    #react#tailwind-css#typescript#vite#motion

    Trevor•590
    Submitted 4 months ago

    1 comment
  • mortgage-repayment-calculator

    #react#react-hook-form#tailwind-css#vite

    Trevor•590
    Submitted 4 months ago

    1 comment
  • product-list-with-cart


    Trevor•590
    Submitted 4 months ago

    1 comment
View more solutions

Latest comments

  • P
    Dan Marius•1,275
    @danmlarsen
    Submitted 5 months ago

    Multi-step form using React, Tailwind & Playwright

    #react#react-hook-form#shadcn#tailwind-css#zod
    1
    Trevor•590
    @TrEv0rRrRr
    Posted 3 months ago

    wow! nice code bro! pretty equal to the challenge image. I can learn a lot from your way of styling and also I can try your tests in my project to see if is there any error.

  • P
    Feng•380
    @niuguy
    Submitted 4 months ago

    react router+ tailwindscc

    #react#tailwind-css#vite
    1
    Trevor•590
    @TrEv0rRrRr
    Posted 4 months ago

    nice code bro!

  • Mohamed Ghareeb•270
    @MidoGhareeb
    Submitted about 1 year ago

    Tip Calculator App Main

    1
    Trevor•590
    @TrEv0rRrRr
    Posted 4 months ago

    nice code bro!

  • P
    Feng•380
    @niuguy
    Submitted 4 months ago
    What specific areas of your project would you like help with?

    I used the new cursor agent extensively for this one, what do you think the outcome, I'm curious to know

    cursor+react+tailwind

    #react#tailwind-css
    1
    Trevor•590
    @TrEv0rRrRr
    Posted 4 months ago

    Wow! Nice code bro! I can learn a lot with this!

  • P
    Andrey•4,580
    @dar-ju
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    This time I used plugin "CodeTime", I liked it more, will use next.

    Dicided to experiment with some new tools for me.

    First of them - modules in SCSS, which replaces BEM methodology, classes with is looks like :class="$style.result". My opinion is that BEM goes better with SCSS, or maybe I’m just more accustomed to BEM...

    Second, I used SCSS functions, or rather one function - converter pixels to rem. Here is the function:

    @use 'sass:math';
    @function rem($px) {
     @return #{math.div($px, 16)}rem;
    }
    

    And using it: connecting in styles - @use '@/assets/styles/_functions.scss' as func; and using, for example - padding-right: func.rem(40);

    All these innovations greatly increase the development time, according to CodeTime this component took 15 hours.

    Calculating the mortgage also took time, the formula for annuity payments had to be googled + additional restrictions in input fields.

    Mortgage Calculator component

    #accessibility#vite#vue#sass/scss
    1
    Trevor•590
    @TrEv0rRrRr
    Posted 4 months ago

    Wow! This job is pretty much the same as the challenge, nice code bro!

  • dullarzee•600
    @dullarzee
    Submitted 4 months ago

    just random

    1
    Trevor•590
    @TrEv0rRrRr
    Posted 4 months ago

    Hey bro, nice code! To improve your order you can abstract some functions in another files as utils or helpers and then import it to your main js file. On the other hand, it seems that the custom font for this challenge doesn't loaded correctly.

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