Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
31
Comments
88

Karol Binkowski

@GrzywNCzęstochowa, Poland1,620 points

I've been using Vim for about 2 years now, mostly because I can't figure out how to exit it.

I’m currently learning...

Angular, React Native, DSA

Latest solutions

  • Password generator app | Vanilla TypeScript without any library

    #accessibility#bem#typescript#vite#jest

    Karol Binkowski•1,620
    Submitted about 2 years ago

    0 comments
  • REST Countries | React, React Router and Tailwind CSS

    #accessibility#react#react-router#tailwind-css#fetch

    Karol Binkowski•1,620
    Submitted over 2 years ago

    1 comment
  • Product preview | Reusable custom HTML Element with Web Components

    #accessibility#bem#parcel#jest

    Karol Binkowski•1,620
    Submitted almost 3 years ago

    0 comments
  • Pricing component | React, Framer Motion, Tailwind CSS

    #framer-motion#react#styled-components#tailwind-css#vite

    Karol Binkowski•1,620
    Submitted almost 3 years ago

    0 comments
  • Mobile first with React.js, Framer Motion and Tailwind CSS

    #accessibility#framer-motion#react#tailwind-css#vite

    Karol Binkowski•1,620
    Submitted almost 3 years ago

    1 comment
  • Scoot multipage website | React, Framer Motion, Tailwind CSS

    #accessibility#framer-motion#react#tailwind-css#vite

    Karol Binkowski•1,620
    Submitted almost 3 years ago

    2 comments
View more solutions

Latest comments

  • P
    Leonard•1,025
    @leoikeh99
    Submitted almost 2 years ago

    Newsletter sign-up form with success message using BEM CSS

    #bem
    3
    Karol Binkowski•1,620
    @GrzywN
    Posted almost 2 years ago

    Great job!

    I would suggest querying all the elements first and then passing them as function parameters. Then you can use the same elements and it is not necessary to query them again. This is generally considered a good practice.

    It is also better to avoid complicated regular expressions, as they almost always do not work as intended. I would suggest using one of the popular npm libraries in this case.

    Keep coding and have a nice day!

  • Light Yagami•90
    @rakibhossainraju
    Submitted almost 2 years ago

    Responsive age calculator

    #react#styled-components#material-ui
    3
    Karol Binkowski•1,620
    @GrzywN
    Posted almost 2 years ago

    Hey Kira!

    Things worth considering:

    • Adding ESLint and Prettier to your project to make code practices and formatting consistent
    • Splitting big components into smaller ones
    • Extracting app logic into utils and hooks (like calculating relative dates etc.)

    Have a nice day and keep coding!

  • darryncodes•6,350
    @darryncodes
    Submitted about 2 years ago

    E-commerce product page - Tailwind CSS, React, Framer Motion & Vite

    #accessibility#framer-motion#react#tailwind-css#vite
    1
    Karol Binkowski•1,620
    @GrzywN
    Posted about 2 years ago

    Great job @darryncodes!

    I think you should consider changing '+' and '-' buttons, since they are really hard to click, especially on mobile. Try to focus them with the 'tab' key and you'll see.

    Helpful materials for you:

    • https://nerdcave.com/tailwind-cheat-sheet
    • https://atomicdesign.bradfrost.com/chapter-2/
    • https://blog.logrocket.com/using-prettier-eslint-automate-formatting-fixing-javascript/
    • https://www.npmjs.com/package/prettier-plugin-organize-imports

    Have a nice day and keep coding!

    Marked as helpful
  • Abed Fetrat•450
    @abedfetrat
    Submitted about 2 years ago

    Advice Generator App built with HTML, CSS, JS

    1
    Karol Binkowski•1,620
    @GrzywN
    Posted about 2 years ago

    Add no-cache, when using fetch. It doesn't work properly on Firefox. For example:

    const response = await fetch("https://api.adviceslip.com/advice", {
      cache: "no-cache",
    });
    

    Have a nice day! 😄

    Marked as helpful
  • Ahmed Bayoumi•6,700
    @Bayoumi-dev
    Submitted over 2 years ago

    Single-page dev portfolio using HTML5, CSS3, Bootstrap5, JS, Webpack5

    #accessibility#animation#bootstrap#webpack
    1
    Karol Binkowski•1,620
    @GrzywN
    Posted over 2 years ago

    I can't access your repo ;(. It's probably still private

  • Ahmed Bayoumi•6,700
    @Bayoumi-dev
    Submitted over 2 years ago

    Dine restaurant website using React js with Typescript and Tailwindcss

    #accessibility#react#react-router#typescript#tailwind-css
    1
    Karol Binkowski•1,620
    @GrzywN
    Posted over 2 years ago

    i love it, great job

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