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

Mohammad Shahbaz

@shahbazm788Karachi pakistan50 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

  • Product Card Component Preview


    Mohammad Shahbaz•50
    Submitted 9 months ago

    No one


    0 comments
  • Frontend Mentor - Product list with cart solution


    Mohammad Shahbaz•50
    Submitted 9 months ago

    0 comments

Latest comments

  • P
    Dan Marius•1,275
    @danmlarsen
    Submitted 9 months ago

    Bookmark landing page using React & Tailwind

    #react#tailwind-css#typescript#vite#motion
    1
    Mohammad Shahbaz•50
    @shahbazm788
    Posted 9 months ago

    Very nice, same like design, congrats 🎉

  • Zeke-Cachi•180
    @Zeke-Cachi
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    For this project, I wanted to dust off my React knowledge, since it was some time since the last time i did any code with it. I like the simple yet usable cart, and overall how it turned out (disclaimer: i just eyeballed the design, since i only had the image to copy it)

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

    Not a lot of challenges really, just didn't remember how to deploy a React Vite project to Github pages hah

    Product List with Cart main (React Vite)

    #react#vite#tailwind-css
    2
    Mohammad Shahbaz•50
    @shahbazm788
    Posted 9 months ago

    Prompt box not working correctly on mobile, when we add many ites " start new order" button hidden

  • Petrakowww•140
    @petrakowww
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    This was my first project on Frontend Mentor where I used JavaScript. I’m especially proud of using Gulp to automate tasks such as SCSS compilation and deploying the project to GitHub Pages. Gulp helped streamline the build process, which replaced tools I usually relied on like Sass Watcher and Live Server. Although the code could have been cleaner, I’m happy I managed to implement features that I often use in my workflow. Next time, I would focus on optimizing the JavaScript logic and improving the overall project structure.

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

    Understanding the OLOO pattern was a challenge, as it took me time to fully grasp its differences from traditional "OOP" in JavaScript. Additionally, working with the DOM for the first time proved difficult, and the initial code wasn't as clean as I wanted. It took several iterations to refine the code. Through practice, I gained a better understanding of both DOM manipulation and object patterns, which helped me enhance the overall

    Responsive Landing Page - SCSS/SASS + js (OLOO pattern) + Gulp

    #gulp#sass/scss
    1
    Mohammad Shahbaz•50
    @shahbazm788
    Posted 9 months ago

    Nice wok, but I found a bug when we are on mobile and have many items in our cart and clicked on confirm order button prompt shows but "start new order" button hidden its a bug, nice work keep it up

    Marked as helpful
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