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

ShivamRajput57

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

  • faq but with complex js


    ShivamRajput57•170
    Submitted 10 months ago

    1 comment
  • rate card by simple basis of java script


    ShivamRajput57•170
    Submitted 10 months ago

    1 comment
  • fetching data json #Dynamic HTML #js

    #fetch

    ShivamRajput57•170
    Submitted 11 months ago

    1 comment
  • using event listener , # use of if condition


    ShivamRajput57•170
    Submitted 11 months ago

    1 comment
  • simple js #use of click event listener


    ShivamRajput57•170
    Submitted 11 months ago

    1 comment
  • Basic of java script DOM onnly use


    ShivamRajput57•170
    Submitted 11 months ago

    1 comment
View more solutions

Latest comments

  • Skyler Ang•330
    @skyleranglh
    Submitted 10 months ago

    FAQ Accordion

    1
    ShivamRajput57•170
    @ShivamRajput57
    Posted 10 months ago

    good

  • Obare•340
    @simplyObare
    Submitted 10 months ago

    Interactive rating component

    1
    ShivamRajput57•170
    @ShivamRajput57
    Posted 10 months ago

    color not matched exactly this same issue comes when i solved the project

  • EL harabiy•280
    @Mubarak-Adeyemi
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of creating a responsive, accessible Tip Calculator app that provides a smooth user experience across devices. The use of semantic HTML and ARIA roles ensures that the app is accessible to a broader audience. If I were to do it differently next time, I would explore using a JavaScript framework like React to make the app more scalable and modular.

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

    One challenge was managing the layout transitions between mobile and desktop views while maintaining accessibility standards. Ensuring the layout was both visually appealing and functional required tweaking the CSS and using media queries. I overcame this by following a mobile-first design approach and utilizing CSS Grid and Flexbox effectively to adapt to different screen sizes.

    Tip Calculator App

    1
    ShivamRajput57•170
    @ShivamRajput57
    Posted 10 months ago

    i think you box have high width as compared to the height of the box

  • Shakil ahmed•260
    @Shakil-a
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    Most proud:

    • Using fetch to get the data from the json file
    • creating an algorithm to get the data first before coding
    • getting better and more familiar with grid

    different next time:

    • I will have a look at other solutions to this challenge to look at how i can optimise the code
    What challenges did you encounter, and how did you overcome them?

    challenge 1 and solution:

    figuring how to grab the data and display it, i first created an algorithm step by step to see what needs to be done and then started coding the solution

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

    I would like help on:

    • how to make it more responsive from lower sizes to larger screen sizes whilst being smooth, would it be like one column, then two and then the four on the full desktop version

    • possibly a better method to have used for the javascript

    time tracking dashboard

    #fetch
    1
    ShivamRajput57•170
    @ShivamRajput57
    Posted 11 months ago

    i thinks you set the opacity in the user heading section also

  • rosemutai•220
    @rosemutai
    Submitted 11 months ago

    Form validation using JavaScript

    1
    ShivamRajput57•170
    @ShivamRajput57
    Posted 11 months ago

    i think your parent div is not centered correctly

    Marked as helpful
  • Ham•340
    @hmac100
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    It's far from perfect, but was proud to get most of it by researching and for the most part, getting it done . Really enjoyed the design difference between the mob and larger screens social pop-ups. Not sure how I'd do it differently next time - as I don't have the knowledge to assess.

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

    As mentioned - it's far from perfect. The svgs spooked me a bit - not sure If they were implemented properly - the image and padding was for me a headache - am still not 100% happy with how that worked out with responsiveness on the larger screens. Also I haven't really understood the positioning for the pop-up for largers screen sizes - it's doesn't behave in responsive way.

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

    In terms of the responsiveness I'd like to develop a less ramshackle approach for margins - paddings and the proper way to position the hidden social pop-ups for screen sizes -plus the right way to use svgs and svgs for as active icons. I'm seeing this as a first draft - am definitely going onto discord to get more advice.

    Article-Preview-Component

    1
    ShivamRajput57•170
    @ShivamRajput57
    Posted 11 months ago

    good

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