Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
26
Comments
7
P

olopcodes

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

  • Base Apparel Coming Soon


    P
    olopcodes•440
    Submitted 5 months ago

    0 comments
  • Four card feature


    P
    olopcodes•440
    Submitted 6 months ago

    0 comments
  • intro component sign up with bootstrap

    #bootstrap

    P
    olopcodes•440
    Submitted 9 months ago

    0 comments
  • tracking dashboard


    P
    olopcodes•440
    Submitted about 1 year ago

    1 comment
  • Newsletter sign up form


    P
    olopcodes•440
    Submitted about 1 year ago

    1 comment
  • Social Links with React

    #react

    P
    olopcodes•440
    Submitted about 1 year ago

    0 comments
View more solutions

Latest comments

  • P
    Elewude Okikijesu•430
    @Helewud
    Submitted 6 months ago

    Four card feature section

    1
    P
    olopcodes•440
    @olopcodes
    Posted 6 months ago

    Great work! Looks spot on to the design!

  • BCEESAY10•340
    @BCEESAY10
    Submitted 6 months ago
    What challenges did you encounter, and how did you overcome them?

    Having to swap the image depending on the screen size. I was able to search for a solution and got it solved using css content attribute.

    Responsive Product Preview Card using flex

    1
    P
    olopcodes•440
    @olopcodes
    Posted 6 months ago

    Good job with the design!

  • Mateus Lima•490
    @mts-ml
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I like that this project is actually helpful and that I could use it in my day-to-day life.

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

    I tried to use the DRY principle but still need more practice. I used type='text' on the inputs so I could do the validations myself. It was hard, and I still need more practice with that too.

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

    I'd like some tips or suggestions for improvements on the project.

    Tip calculator app with validation

    #sass/scss
    1
    P
    olopcodes•440
    @olopcodes
    Posted 11 months ago

    Hey @mts-ml,

    Nice job. Looks really good!

    When focusing on the input, there is a transition there with a border and color. Adding a the same border when input is not active will make the change smoother on focus.

    Keep coding!

  • Junier Bolívar 🕷•710
    @Junbol
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Working with SCSS animations, BEM & MediaQueries specially

    • working with CSS GRID Areas combined with Dynamic Grid columns and rows.
    • creating all the logic in Javascript to do the math.
    • Using forEach again to iterate on the buttons
    • Using javascript to add the logic to reset input fields , classes and button's active state.
    What challenges did you encounter, and how did you overcome them?

    same as above

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

    none

    Tip Calculator App

    #sass/scss
    1
    P
    olopcodes•440
    @olopcodes
    Posted 12 months ago

    Geat work! Code is nicely separated, use of comments, variable naming. Really nice and people can grasp what is going on in the code! Keep on coding!

  • Ridwan Hasan•400
    @Ridwan10000
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Proud of using fetch API. I have learned promises and async/await function in JS. That was very nice.

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

    I will use js library next time to do it. (React)

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

    Help regarding to code optimization, semantic HTML and Shorter CSS.

    Time_tracking_dashboard_main with html, CSS, JS

    1
    P
    olopcodes•440
    @olopcodes
    Posted about 1 year ago

    Great job with the dashboard! Really spot on! One thing I noticed is that the buttons need a hover state, a pointer and a change of color when hovering. Other than that great work! Keep coding!

  • Olaniyan Kafayah•300
    @olaniyan18
    Submitted about 1 year ago

    Newsletter using React Js

    1
    P
    olopcodes•440
    @olopcodes
    Posted about 1 year ago

    Your layout is spot on to the design great job!

    When the user clicks dismiss message, the user is not brought back to the form.

    Looks like you built the project with React, and seperated the logic too, pretty cool!

    Overall great job! Keep coding!

View more comments

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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