Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Harsh

@HarshPrateek559
Lucknow, India
150Points

I am Harsh and I am learning FullStack web dev in MERN stack. I am also a technical writer and have a blog where I write articles about coding and web development. This is the link to my blog> https://blogharsh.medium.com

Latest Solutions

  • Desktop design screenshot for the Space tourism multi-page website coding challenge

    Completed it using Pure CSS, ReactJS, and React-Router

    #accessibility#react#react-router#react-testing-library
    • HTML
    • CSS
    • JS
    1
    Submitted

    I have completed this project as well as I can but still, I am not satisfied with the website.

    I wanted to introduce animations when the pages change or when the information on the page change with the image. I have seen some solutions in which the creator has done something like this, although I was unable to recreate any of those. I would love to hear any solution to this or any problem a user can face on my website as I tried to make a perfect website that can be called professional.

    I also have one more problem, when the page is changed then a weird white flash. This happens when the page is opened for the first time after reloading. I don't know why it is happening or how to solve it so, any help on this problem too would be welcomed.

    I hope my site would provide a great user experience to everyone who visits it.

  • Desktop design screenshot for the Coding bootcamp testimonials slider coding challenge

    Mobile first Responsive Testimonial slider using HTML, CSS, and JS

    #accessibility
    • HTML
    • CSS
    • JS
    1
    Submitted

    Hi everyone! I am trying to make this project as responsive and resilient to viewport changes as I can but it is not going too well. It is only looking good on my laptop or any phone but not on a tablet or any desktop screen greater or smaller than 1440p. Even when I was optimizing for the 1440p display size, it was not as accurate as I was getting on my laptop. I would appreciate any suggestions regarding this or any other problem that a user can encounter in the app.

  • Desktop design screenshot for the Time tracking dashboard coding challenge

    Responsive Time Tracking App made With HTML, CSS, and Javascript

    #accessibility#vanilla-extract
    • HTML
    • CSS
    • JS
    0
    Submitted
  • Desktop design screenshot for the Intro section with dropdown navigation coding challenge

    I made it with pure HTML, CSS, and JavaScript

    #accessibility#bootstrap
    • HTML
    • CSS
    • JS
    0
    Submitted
  • Desktop design screenshot for the Advice generator app coding challenge

    I used fetch API, and CSS flexbox

    #fetch
    • HTML
    • CSS
    • JS
    • API
    0
    Submitted

Latest Comments

  • Solution screenshot
    • HTML
    • CSS
    • JS

    Bootstrap, CSS Grid, Customizing the Bootstrap NavBar

    4
    Harsh150 | Posted 11 days agocommented on Adeniyi Abayomi's "Intro section with dropdown navigation" solution

    You could have just made your collapsable navbar. That way, you would have got full control of how it should look and it would have been a better learning opportunity. I too used the bootstrap navbar at first but it was so ugly that I removed it and for the first time made my own collapsable navbar. It is just a personal preference but it helped me with the later project in which I had to make a custom navbar.

    0
  • Solution screenshot
    • HTML
    • CSS
    • JS

    Mobile first, Next.js

    9
    Harsh150 | Posted 11 days agocommented on Raymart Pamplona's "Space tourism multi-page website" solution

    Amazing design!!! I was just blown away by all the animations which you have used on your website. I am also trying to do the same, but till now I am no way near as good in terms of animations as you are. Can you tell me how can I improve upon that? It looks so good in the design.

    Also, I saw that your explore button is not redirecting to the destination page. According to the design, you should make use of the button to redirect to the destination page.

    0
  • Solution screenshot
    • HTML
    • CSS
    • JS

    was simple challenge as i use Bootstrap some pre CSS & HTML

    2
    Harsh150 | Posted 21 days agocommented on Reetesh Kumar's "Intro section with dropdown navigation" solution

    Your solution lacks the dropdown menu which was required to make and also you used the wrong bootstrap navbar, you should have used the off-canvas navbar from bootstrap. It would have fitted perfectly with the demands of this project.

    0
  • Solution screenshot
    • HTML
    • CSS
    • JS
    • API

    Advice Generator using HTML, CSS, JS, and Advice API

    2
    Harsh150 | Posted 24 days agocommented on ronaldlamdev's "Advice generator app" solution

    Actually, async is used when a function is fetching data from a database or API. Also, you have to wait for the fetch API to get data from the API. For this, you are supposed to use await keyword in front of the response which is coming from the API.

    0