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

Paul

@mayor-creatorAlexandria, VA520 points

“👋 Hi, I’m Paul, a passionate front end developer, currently diving deep into JavaScript and React JS. I love creating efficient solutions and sharing my learning journey. Check out my projects and tutorials on GitHub (mayor-creator). Always learning, always growing! 🚀”

I’m currently learning...

React JS

Latest solutions

  • clock_app

    #react#typescript

    P
    Paul•520
    Submitted about 2 months ago

    0 comments
  • Contact form app

    #react

    P
    Paul•520
    Submitted 6 months ago

    The project was fun and challenge to complete. What is the best way to handle form validation in React?


    0 comments
  • Password generator app


    P
    Paul•520
    Submitted 8 months ago

    What is the best practice for customizing the meter element.


    1 comment
  • Time tracking dashboard

    #sass/scss

    P
    Paul•520
    Submitted 10 months ago

    1 comment
  • Article preview


    P
    Paul•520
    Submitted 10 months ago

    What is the best approach to styling the social media container for desktop view point.


    1 comment
  • Meeting landing page

    #react

    P
    Paul•520
    Submitted 11 months ago

    1 comment
View more solutions

Latest comments

  • adriantech-beep•390
    @adriantech-beep
    Submitted 9 months ago
    What challenges did you encounter, and how did you overcome them?

    i have encountered a lot of challenges here,including on how to calculate the random letters and how to implement the strength of the generated passwords.

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

    i struggled on the (range slider).i can't find a solution on how to change the color on the left of the slider whenever i drag the slider.and also the slider itself. i still cant manage to change its default color. please help if you do have the solution.i would really appreciate it.😊

    Responsive password generator app #HTML #CSS #JAVASCRIPT

    2
    P
    Paul•520
    @mayor-creator
    Posted 8 months ago

    Hello congratulation on completing the challenge!

    I have a suggestion about how to style the slider element of your code. Here's an example on how to achieve changing the color of the slider on Firefox.

    .slide::-moz-range-progress {
      background-color: var(--color-neonGreen);
      height: 0.5rem;
    }
    .slide:: -moz - range - thumb {
      width: 1.5rem;
      height: 1.5rem;
      border - radius: 50 %;
      background: var(--color - white);
      cursor: pointer;
    }
    

    I hope this helps. Happy coding!

    Marked as helpful
  • Jose Sebastian•300
    @wolf2lyon
    Submitted 9 months ago

    tip-calculator-app-main

    #accessibility#bootstrap#sass/scss
    2
    P
    Paul•520
    @mayor-creator
    Posted 9 months ago

    Congrats on completing this challenge. It looks like select tips are logged to the console when you select a button.

  • P
    wideirp•280
    @wideirp
    Submitted 10 months ago

    Time Tracking Dashboard in HTML, Sass and JS

    #fetch#sass/scss#cube-css
    1
    P
    Paul•520
    @mayor-creator
    Posted 10 months ago

    @wideirp congrats on completing this challenge. I have notice the image of the avatar is centered on desktop view instead of align to the left.

  • P
    Joshua Hovis•200
    @joshhovis
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    Some of the css was tough when it came to the different viewports and getting everything aligned properly, but I was able to work it out. I still have edits to make to the tablet versions as there was no design for tablets and the images are at odd shapes and require a bit more work to look good on table sizes.

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

    The form validation was something I'd never done so figuring out how to use a library like ValidatorJS was a learning experience and then getting everything styled correctly based on form validation was a learning experience as well.

    Responsive Newsletter Form

    #sass/scss
    1
    P
    Paul•520
    @mayor-creator
    Posted 10 months ago

    @joshhovis congrats on completing this challenge. Your solution looks great.

  • Dimitrios Dristellas•670
    @dimitrisdr
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I think that i am starting to understand how to write better semantic html. I also know that I need to work harder on this topic in order to consolidate it.

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

    I don't think that I managed to construct the share icons container with minimum code. There must be a simpler way of showing the icons from desktop to mobile without changing the parent which icons container lives.

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

    I think that I would like a simpler approach for how to display the icons container with simpler way (no js) like the design.

    preview component card

    1
    P
    Paul•520
    @mayor-creator
    Posted 10 months ago

    @dimitrisdr congrats on this project. It looks great. Here's a few suggestion to help improve your project, set max-width to 365px for both the title and description. The max-width will set the maximum width space needed for both the title and description.

    #Happy Coding

  • Pedro Almeida Rocha•50
    @pedrorocha014
    Submitted over 1 year ago

    Meet Landing Page

    #react
    1
    P
    Paul•520
    @mayor-creator
    Posted 11 months ago

    @pedrorocha014 congrats on completing this challenge, however when I click on preview site button it takes me to getting started with create react app page. Here's a great article on how to deploy react apps to Github pages How to deploy a Vite+React app to GitHub Pages

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

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