Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
25
Comments
19
P
Moustafa essam
@moustafaessam

All comments

  • Kanchana K.•400
    @Kanchana-Kaushal
    Submitted 3 months ago

    ecommerce-product-page using React, TailwindCSS and Motion

    #react#tailwind-css#motion
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 3 months ago

    Great solution and accessibility is great.

  • Kanchana K.•400
    @Kanchana-Kaushal
    Submitted 3 months ago

    responsive news homepage

    #react#tailwind-css#motion
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 3 months ago

    Great Work!

  • Gabriel Barimboim•210
    @Gbw699
    Submitted 4 months ago

    Contact form created with Angular 18, Sass, Seo and Accesibility

    #angular#sass/scss#accessibility
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 3 months ago

    Great Solution

  • André Miranda•420
    @codi-Andre
    Submitted 3 months ago

    FAQ accordion, without javascript

    #react#tanstack-router#typescript
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 3 months ago

    Great solution especially for using details and summary HTML tags.

  • P
    Leon_J•150
    @reaperxyndrome
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of the overall look and how I have improved compared to last time. I would try to use a component library or a CSS pre-processor next time instead of using TailwindCSS.

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

    The challenges I encounter are mainly deployment. I overcome them by looking up documentation about Vercel.

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

    Any feedback regarding difference between design and actual implementation is very much appreciated. Also any suggestions to make the design better is also welcome.

    NFT Preview Card Component with Vite and Tailwind CSS

    #react#vite#tailwind-css
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 4 months ago

    Great solution, Keep it up!

  • Caleb•360
    @lingowmx
    Submitted 4 months ago

    Interactive rating component main

    #react#vite#tailwind-css
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 4 months ago

    Great solution Caleb but here some things caught by attention:

    • Make the webpage more interactive for small screens by using media queries
  • Sandaruwan•510
    @Sandaruwan7056
    Submitted 5 months ago

    REST Countries API With Color Switcher

    #react#tailwind-css
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 5 months ago

    You did great job and I liked the spinner design when loading.

  • P
    MathiasHun1•700
    @MathiasHun1
    Submitted 5 months ago
    What challenges did you encounter, and how did you overcome them?

    Positioning the background image of the footer was a pain, It's kinda OK now, but the css is a mess

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

    1. Managing the 5 given text styles in a react + sass app. How could I make it more managable? My current solution is definietly not good with the mixins. 2. How to display the footer's background image for all screens? I feel like there is an easy solution, but haven't figured it out yet

    Responsive meet landing page

    #react#sass/scss
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 5 months ago

    Great work and I also liked your scss styling you can explore other styling options like styled components or tailwind.

    Marked as helpful
  • Hart Selwyn•120
    @hartselwyn
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Im mostly proud of my grid positioning, Next time I'd figure how to do it faster

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

    I particularly encountered a challenge in positioning the boxes beneath the first and second boxes giving the fact that the height of the boxes were overlapping

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

    None particularly

    Testiomianals-Grid-Section

    #react
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 5 months ago

    great work bro and good that you made the code minimal without repeating the components

  • toghrulabdullayev•350
    @toghrulabdullayev
    Submitted 10 months ago

    Responsive Mortgage Repayment Calculator using Css Flex and TypeScript

    #typescript
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 5 months ago

    The preview site is not working with me.

  • MD Pranto•180
    @PRANTO-X
    Submitted 6 months ago

    Space Tourism Site

    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 6 months ago

    Great work and I liked the animations.

  • P
    thibault.deverge•310
    @thibault-deverge
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    This was my first solo project using the Context API for state management alongside TypeScript. While I’m not entirely satisfied with my code and its overall organization, I realize a more detailed component structure and plan from the start could have improved the final result. That said, I tackled the challenge and reached a decent outcome, so I’m okay with the result. My code isn’t terrible, but I see room for improvement, especially in component structure and organization.

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

    Everything that could be helpful, thanks :)

    Product List - Solution [React - Typescript - CSS Modules]

    #react#typescript
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 6 months ago

    Man the website is perfect in my opinoun it is very responsive and you handled the state management well.

  • Dumitru Bragari•390
    @DandyHype
    Submitted 7 months ago

    Results Summary Component using React and NextJS

    #react#next
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 6 months ago

    perfect and you also applied lazy loading which is more than perfect.

    Good Luck.

  • Regis Michael•60
    @RegisMichael25
    Submitted 7 months ago

    flex-box, media query

    #react#vite
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 7 months ago

    Add the icon images to the website and follow the same box order in the design, you can use tools like flexbox or grid and to make it more responsive use tools like flex-shrink , max or min for width and height , etc.

  • Robbie Tambunting•150
    @rtambunt
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    In this project, I'm most proud that I learned a new skill of responsive images with the tag and srcset + sizes properties. I was able to apply to display images with different aspect ratios depending on the viewport size

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

    The main challenge was learning whether to use srcset + sizes or the tag. A YouTube video and a couple MDN document pages later, and I decided the tag was most appropriate for displaying different aspect ratio images.

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

    If there is any concept or tool that might make my design better, please let me know!

    React Tailwind Product Preview Card

    #react#tailwind-css#vite
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 7 months ago

    Great job but i may say you can divide your code into more components is better in my opinioun.

    Good Luck

  • Alessio Russo•40
    @n0wherefast
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    project done with next.js and tailwindcss

    recipe page tailwind nextjs

    #next#tailwind-css#react
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 7 months ago

    Try to make the component bigger and make it responsive in the mobile by following the mobile design.

    Great Job.

  • Vinicius Gabriel•180
    @breguenice3
    Submitted over 1 year ago

    React and TypeScript social links profile

    #react#typescript
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 7 months ago

    Nice job bro, Just try to make the profile card larger like the design

  • T.Jay•10
    @SoheilTajik
    Submitted over 1 year ago

    frontend-mentor-blog-preview-card

    #react#tailwind-css
    1
    P
    Moustafa essam•550
    @moustafaessam
    Posted 7 months ago

    You should have changed the font size of the texts and the image size for the mobile design.

    You can use media queries for that.

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

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