Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
19
Comments
2

Filip Stojkov

@thentrsfsCzechia550 points

I am a self-taught Front-End Developer, I build dynamic web applications JavaScript, Vue.js and React. I thrive in building responsive, scalable, and maintainable interfaces using Tailwind CSS and DaisyUI or Quasar with Vue.js.

Latest solutions

  • Note Taking App using Next.js, React and Tailwind CSS

    #next#react#supabase#tailwind-css#typescript

    Filip Stojkov•550
    Submitted 3 days ago

    0 comments
  • Kanban-task manager using React and Tailwind CSS

    #motion#react#supabase#tailwind-css#vite

    Filip Stojkov•550
    Submitted about 1 month ago

    Any comment and advice are welcome. Thanks.


    0 comments
  • Audiophile Ecommerce Website using React, Tailwind CSS and Motion

    #motion#node#react#tailwind-css#daisy-ui

    Filip Stojkov•550
    Submitted 3 months ago

    I would like advice and comment about anything that looks wrong or could improve. Or if someone can give advice on what should i learn next so i can get skills to get hired. Thanks !


    0 comments
  • Multi-step form using React and Tailwind CSS

    #daisy-ui#react#tailwind-css

    Filip Stojkov•550
    Submitted 4 months ago

    Every advice and comment is welcomed, especially about reusable components and how everything is packed, is it too much coding or not. Thanks in advance.


    0 comments
  • Product List using React and Tailwind.css

    #react#tailwind-css#vite

    Filip Stojkov•550
    Submitted 4 months ago

    Any advice and comment would help. Thanks :)


    1 comment
  • Personal Finance App using Quasar

    #pinia#vue#firebase

    Filip Stojkov•550
    Submitted 8 months ago

    I would like to get help with absolutely anything if someone see something that is not good or is bad, i am open to any type of critics because i am trying to learn every day. Thanks in advance.


    0 comments
View more solutions

Latest comments

  • P
    Darkstar•1,420
    @DarkstarXDD
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    Built with. 🔨

    • HTML & CSS.
    • JavaScript.
    • Vite.

    Features. ✨

    • Display a custom error message if a rating is not selected when submitting.

    New Things Learned. 🎓

    • Custom styling radio buttons.
    • attr() CSS function - Used to retrieve the value of an attribute of the selected element and use it in the stylesheet. - MDN
    • Next-sibling combinator (+) - Matches the second element only if it immediately follows the first element. - MDN
    What challenges did you encounter, and how did you overcome them?
    • The main problem was how to make the radio buttons look like the design. After searching and playing around for sometime I had two methods.

      • Method 1: Visually-hide the radio button and style the label to look like the radio button. Based on the radio button's focused or checked state, the label can be styled.

        .radio-button:focus-visible + .radio-label {
          outline: 0.125rem dotted var(--clr-primary-400);
          outline-offset: 0.125rem;
        }
        
        .radio-button:checked + .radio-label {
          color: var(--clr-primary-600);
          background-color: var(--clr-primary-400);
        }
        
      • Method 2: Visually-hide the label and style the radio button to get the desired look. With this approach I had to use an absolutely positioned pseudo element to display the number in the middle of each radio button.

        .radio-button::after {
          content: attr(value);
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
        
    • I ended up using the first method.

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

    Any sort of feedback is appreciated.

    Interactive Rating Component

    1
    Filip Stojkov•550
    @thentrsfs
    Posted 9 months ago

    It is very precise, i like it, good job keep it up!

  • Daniel king•510
    @thedanielking
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I implemented the javascript logic by myself. I would call the class differently and the regular expression test I used.

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

    I didn't know how to link it to the success message at first go. So I watched a youtube content on it, then I went to change it to the way i wanted it to be. Thereby learning more in the process. The video didnt cover the error message aspect but just on how to link to the success message.

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

    I would love to know if there better ways I can implement my Javascript into my code.

    Newsletter-sign-up-success-message

    1
    Filip Stojkov•550
    @thentrsfs
    Posted 10 months ago

    First of all when u try to type email in input field you just continue to type in what it should be placeholder but you set it to value, you should replace value="email@company.com" in input with placeholder="email@company.com" and you should set value for input in index.js to be variable that will update on submit button, try to figure this out. Good luck !

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