Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
15
Comments
17
P

Petar Rakocevic

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

  • Interactive Rating Component


    P
    Petar Rakocevic•290
    Submitted about 8 hours ago

    0 comments
  • Frontend Quiz App

    #react#express

    P
    Petar Rakocevic•290
    Submitted 12 days ago

    I would like to continue improving. I also want to explore more advanced CSS techniques for styling and layout, and to find a way to make the code more modular and reusable.

    Also, I would like to improve my code in the future so it is more clean and simple.


    1 comment
  • Password Generator App Using React.js and Tailwind CSS

    #react#tailwind-css

    P
    Petar Rakocevic•290
    Submitted 25 days ago

    I would like to continue improving. I also want to explore more advanced CSS techniques for styling and layout, and to find a way to make the code more modular and reusable.

    Also, I would like to improve my code in the future so it is more clean and simple.


    1 comment
  • Tip Calculator App

    #react

    P
    Petar Rakocevic•290
    Submitted 29 days ago

    I would like to continue improving my skills, especially in managing state and handling forms more effectively. I also want to explore more advanced CSS techniques for styling and layout.

    Also, I would like to improve my code in the future so it is more clean and simple. I would like to use more reusable components and hooks in React, and to make the code more modular.


    0 comments
  • Responsive Time Tracking Dashboard

    #react

    P
    Petar Rakocevic•290
    Submitted about 1 month ago

    I would like to improve the code, so it is more robust and clean.


    1 comment
  • Responsive Newsletter sign-up form with success message using React.js

    #react

    P
    Petar Rakocevic•290
    Submitted about 1 month ago

    I would like to improve the code, so it is more robust and clean.


    1 comment
View more solutions

Latest comments

  • P
    Mehmet Çağrı Ekici•400
    @mehmetcagriekici
    Submitted 6 days ago

    Vanilla HTML, CSS, and JavaScript Solution

    1
    P
    Petar Rakocevic•290
    @PetarR21
    Posted about 7 hours ago

    Great job!

    Few small things:

    Letters of the submit button are uppercase, in the design files.

    Also, you should decrease the size of the image(thank you page), for smaller screens.

    Good luck!

  • P
    BlonoBuccellati•310
    @BlonoBuccellati
    Submitted 13 days ago
    What are you most proud of, and what would you do differently next time?
    • I followed the Feature-Sliced Design methodology.
    What specific areas of your project would you like help with?
    • Please share any feedback or improvement suggestions regarding overall component design.

    • I would appreciate feedback on state management approaches (including local state, Zustand, Context, etc.).

    • If you have any suggestions on improving the way I write logic, I'd be happy to hear them.

    Frontend Quiz App using tailwindcss v4, react19, Next.js15, prisma

    #next#prisma#react#tailwind-css#shadcn
    1
    P
    Petar Rakocevic•290
    @PetarR21
    Posted 12 days ago

    Great job!

  • P
    BlonoBuccellati•310
    @BlonoBuccellati
    Submitted 26 days ago
    What are you most proud of, and what would you do differently next time?
    • use Motion, a React animation library
    What specific areas of your project would you like help with?
    • Please share any feedback or improvement suggestions regarding overall component design.

    • I would appreciate feedback on state management approaches (including local state, Zustand, Context, etc.).

    Password generator app using tailwindcss, react, Next.js 15

    #motion#next#shadcn#tailwind-css#react
    1
    P
    Petar Rakocevic•290
    @PetarR21
    Posted 25 days ago

    Looks great. Good job!

    Only thing I can think of:

    When password is not generated (password is empty), when I click on copy button, I get "copied" text but nothing is copied on clipboard.

    Marked as helpful
  • Arash Asghari•230
    @AriArash44
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    One of the highlights of this project was utilizing Zustand for state management. Compared to Redux and React's Context API, I found it simpler, more intuitive, and easier to work with.

    Additionally, working with Jest and a TDD approach (Red-Green-Refactor) was insightful—even for a simple function, it demonstrated how test-driven development helps in handling edge cases effectively.

    I also enjoyed using ShadCN. It accelerated development, provided complete access to the source code, and offered a solid set of UI components. However, for simpler components like buttons and inputs, it felt a bit unnecessary, with too many extra class names. I’d prefer to use it in more complex components like carousels or accordions.

    For my next project, I’ll focus more on accessibility improvements and exploring Next.js, ensuring the app is both performant and user-friendly.

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

    One of the biggest challenges was modifying ShadCN’s default UI. The extensive predefined classes made customization harder than expected. Additionally, its theme system felt overwhelming, automatically defining colors that I didn't prefer, leading me to remove the default theme entirely.

    This experience made me question whether ShadCN was the best choice for this particular project. However, as an exercise, it was valuable in understanding its strengths and limitations. Moving forward, I’ll use ShadCN selectively, reserving it for more complex components instead of basic ones.

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

    I’m open to any suggestions regarding architecture, best practices, UI improvements, or optimization.

    Tip Calculator App Built with React, Zustand & Tailwind

    #jest#shadcn#zustand#react
    1
    P
    Petar Rakocevic•290
    @PetarR21
    Posted 29 days ago

    Great job!

  • Vansh agarwal•190
    @vansh2308
    Submitted about 1 year ago

    Time-tracking-dashboard

    #react#vite#tailwind-css
    1
    P
    Petar Rakocevic•290
    @PetarR21
    Posted about 1 month ago

    Hello,

    I can not preview your site.

    Getting and error 404.

  • Arash Asghari•230
    @AriArash44
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of utilizing Redux Thunk, which helped centralize API calls and manage state efficiently. It allowed for streamlined asynchronous logic and improved debugging.

    For my next project, I plan to explore SWR and create a custom useFetch hook to further optimize data fetching and caching strategies.

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

    There were almost no major challenges in this project. However, to properly test server-side error handling, I configured the backend to randomly return an error 30% of the time. This ensured that the frontend could handle API failures effectively.

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

    I appreciate any suggestions for refining my approach.

    Newsletter Signup App using Redux and tailwindcss

    #react#redux#tailwind-css#react-hook-form
    1
    P
    Petar Rakocevic•290
    @PetarR21
    Posted about 1 month ago

    Great job! Really great that you did both frontend and backend.

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