Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
23
Comments
16

adriantech-beep

@adriantech-beep390 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

  • Advice Generator App


    adriantech-beep•390
    Submitted 7 months ago

    0 comments
  • #JAVASCRIPT


    adriantech-beep•390
    Submitted 7 months ago

    i have some issue with the color of the newly created todo list. when i toggle its checkbox the background color is changing and it seems to be weird because i think i have set the color already whenever its in dark mode or light mode. any suggestions on how to solve the issue would be much appreciated.❤️


    0 comments
  • CSS grid


    adriantech-beep•390
    Submitted 7 months ago

    0 comments
  • responsive landing page using css flexbox


    adriantech-beep•390
    Submitted 8 months ago

    any suggestions i can improve my work are welcome.😊


    0 comments
  • #HTML #CSS #JS


    adriantech-beep•390
    Submitted 8 months ago

    any suggestions or feedback on this project will be much appreciated.😊


    2 comments
  • Responsive layout using CSS flexbox


    adriantech-beep•390
    Submitted 8 months ago

    0 comments
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
    adriantech-beep•390
    @adriantech-beep
    Posted 8 months ago

    @paul thank you.

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

    the most challenging part of this project is the implementation of the card number that has a format of a letter at the end.i'm a little bit confused on the result and the error message that says "wrong format, numbers only" but then on the output it should have a letter at the end.so i decided to follow the format that will be printed.

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

    any suggestions or feedback on this project will be much appreciated.😊

    #HTML #CSS #JS

    2
    adriantech-beep•390
    @adriantech-beep
    Posted 8 months ago

    @lo-deck thank you for this kind of suggestion.rigth now i'm still practicing on the responsiveness and still a little lost.i will implement this kind of approach to make it more better.thank you.happy coding.❤️

  • P
    Tuna Erten•430
    @tunaerten
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    To be honest, it wasn’t an easy project. At first, I struggled with styling SVG images in CSS. But now, I can say I fully understand it, which was a good experience for me.

    The JavaScript side was quite fun. I had done a similar project before, but I still had to do a lot of research on Stack Overflow. I guess that’s a normal part of the process. Unfortunately, information that I don’t use doesn’t stay fresh in my mind.

    The most challenging part was deciding which method to use for getting letters and numbers. Initially, I wanted to use the fromCharCode function, but I couldn’t achieve exactly what I wanted. Instead, I made each character into an array, which worked.

    To make the project look a bit more realistic, I also added an animation and an error statement.

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

    It took me a while to come up with the idea of making the colors and different strengths of colors into objects.

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

    I'm open to all kinds of suggestions

    Password generator with animations and Error statement

    1
    adriantech-beep•390
    @adriantech-beep
    Posted 9 months ago

    Wow.what a great work.❤️👍

    Marked as helpful
  • salomasik•160
    @salomasik
    Submitted 9 months ago

    Tip Calculator App

    1
    adriantech-beep•390
    @adriantech-beep
    Posted 9 months ago

    nice work.

  • P
    Eli Silk•850
    @elisilk
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I spent a lot of time getting the layout to work well across viewport sizes without the use of any media queries (I did use container queries, though), thanks to the help of Every Layout. I think it worked out great, and makes me want to do more with these powerful, but more simplified layout algorithms.

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

    I'm not sure about my JavaScript approach. I chose to display all of the data, but then hide the elements that were not selected at the time. And then when selected, the JavaScript will show those selected data and hide the others. Would love to know if others have a better approach for doing this kind of thing.

    Time tracking dashboard with JavaScript to input & switch between data

    1
    adriantech-beep•390
    @adriantech-beep
    Posted 9 months ago

    wow.great work👍

  • Nikola•220
    @porumbachanov
    Submitted 9 months ago
    What specific areas of your project would you like help with?

    Don't know if there's a better regular expression for the email format. Any remarks are welcome.

    Newsletter sign-up form with custom JS form validation

    2
    adriantech-beep•390
    @adriantech-beep
    Posted 9 months ago

    great work.keep it up.👍

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