Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
17
Comments
314

Adarsh Pratap

@adarshcodesIndia5,515 points

I'm someone who is indiscriminately passionate about so many things, be it code, computers, the universe, life, psychology, future, ancient technology, Entrepreneurship, and whatnot. I'm still on the path of knowing my true self.

I’m currently learning...

Web-Development | Entrepreneurship | Digital Marketing | Content Creation | And open to learning everything that will positively impact our beautiful home Earth.

Latest solutions

  • Reponsive Interactive Rating Component using React and Sass

    #react#sass/scss#bem

    Adarsh Pratap•5,515
    Submitted almost 3 years ago

    1 comment
  • Responsive card component using React js and Sass

    #bem#react#sass/scss

    Adarsh Pratap•5,515
    Submitted about 3 years ago

    0 comments
  • Responsive NFT Card Component using React with subtle Animation

    #bem#react#sass/scss

    Adarsh Pratap•5,515
    Submitted over 3 years ago

    1 comment
  • Interective Comment Section using React and SCSS

    #accessibility#react#sass/scss#bem

    Adarsh Pratap•5,515
    Submitted over 2 years ago

    0 comments
  • Mulitipage website using React Router and Sass(with Flexbox)

    #accessibility#react#react-router#sass/scss#bem

    Adarsh Pratap•5,515
    Submitted almost 3 years ago

    0 comments
  • Responsive GitHub user Search App using React, SASS, Flexbox and Love

    #bem#react#sass/scss

    Adarsh Pratap•5,515
    Submitted about 3 years ago

    0 comments
View more solutions

Latest comments

  • Arya Dixit•20
    @AryaDixit
    Submitted over 1 year ago

    Responsive New HomePage

    #accessibility
    1
    Adarsh Pratap•5,515
    @adarshcodes
    Posted over 1 year ago

    Hi @AryaDixit, first of all, welcome to this amazing community! You did nice work on this solution👏.

    Few things I've liked and noticed about your solution:

    Design aspect: Your design is very similar to the given design file. Only a couple of things I've noticed that you can change the font colors for the paragraphs.

    Responsive aspect: It's responsive and will work on most of the screens. Good work.

    Functionality aspect: It's working fine.

    Code: While everyone has their own style and approach to code few things make the code clear and clean and you really did amazing work on that.

    Accessibility and HTML Issue: You can check the report and you'll notice very small issues causing those issues, you can always fix that and regenerate the report here.

    You did amazing work👍. Keep practicing. Happy coding :)

  • JFREUN•20
    @JFREUN
    Submitted over 3 years ago

    Order Summary Page

    2
    Adarsh Pratap•5,515
    @adarshcodes
    Posted over 3 years ago

    Hi @JFREUN, you did nice work on this challenge. Your design is very close to the original one. Keep up the good work👏

  • Sean Young•90
    @seanyoung247
    Submitted over 3 years ago

    ReactJS Rock Paper Scissors

    1
    Adarsh Pratap•5,515
    @adarshcodes
    Posted over 3 years ago

    Hi @seanyoung247, first of all, let me tell you I've done this project and I know it's really hard. Second thing is you not only nailed it but also took it to another level🤯. I myself am the person who tries to add many extra things and animations in my solution but this solution is really very amazing and I really loved it.😍

    The subtle animation and the addition of extras without messing with the actual design. Amazing👏👏👏.

    I can't give you the review on your react code as I'm a newbie in react. Just fascinated with the solution.

    Happy Coding :)

  • carlin-mitchell•20
    @carlin-mitchell
    Submitted over 3 years ago

    Flexbox, Google

    2
    Adarsh Pratap•5,515
    @adarshcodes
    Posted over 3 years ago

    Hi @carlin-mitchell, first of all, welcome to this amazing community, and you did really nice work on your first challenge👏.

    And yes there's a huge room to learn the best practices which you'll learn eventually by practicing. Just a suggestion from my side is to keep working on the project consistently and take a look at others' code but don't carry it away by the approach of others. Every one of us has our own style of coding the things you should learn is the best practice and what you like in others' code. Create your own style of code while keeping the best practices in mind.

    For your question: leave the background image to the top only, it'll mess with the design if you centered it.

    Congratulations on submitting your first solution🎉🎉🎉. It's a long and beautiful way to go. Keep learning and practicing. Happy Coding :)

    P.S: take a look at your accessibility and HTML issues and try to fix them. And yeah, Every mistake is an opportunity to learn something new, so never miss it.👍

    Marked as helpful
  • Erick Rinald•60
    @Jrlinkin
    Submitted over 3 years ago

    Tip Calculator App

    3
    Adarsh Pratap•5,515
    @adarshcodes
    Posted over 3 years ago

    Hi @Jrlinkin, you did nice work on this solution👏.

    Few things I've liked and noticed about your solution:

    • Design aspect: Your design is very similar to the given design file. Only a couple of things I've noticed missing are the icons on the bills and the number of person input fields.

    • Responsive aspect: It's responsive and will work on most of the screens. Good work.

    • Functionality aspect: It's working fine.

    • Code: While everyone has their own style and approach to code few things make the code clear and clean and you really did amazing work on that. I like you added the comment wherever needed and your code looks really clean.

    • Accessibility and HTML Issue: You can check the report and you'll notice very small issues causing those issues.

    You did great work👍. Keep practicing. Happy coding :)

    Marked as helpful
  • Nafsuki•245
    @Nafsuki
    Submitted over 4 years ago

    Base Apparel Coming Soon Page using Sass, CSS grid and flexbox

    3
    Adarsh Pratap•5,515
    @adarshcodes
    Posted over 4 years ago

    Hi @Nafsuki, your solution looks really nice.

    • Design looks similar to the original one, make the width of the container 100%, it will look more similar.
    • Responsiveness is working fine. Keep it up. Happy Coding😀
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!

Mentor of the Week - 1st Place

This badge is awarded to the top placed community member on the weekly Wall of Fame.

Mentor of the Month - 1st Place

This badge is awarded to the top placed community member on the monthly Wall of Fame.

Mentor of the Month - 2nd Place

This badge is awarded to the 2nd placed community member on the monthly Wall of Fame.

Fun fact

The computer in this badge is loosely based on the Commodore PET which was one of the earliest home computers launched in 1977. It came with 4 KB of RAM...that's not a typo!

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