Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
41
Comments
39
Samuel Adu
@samuel-adu

All comments

  • Victor Eleanya•780
    @mrvicthor
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of being able to build an application that can help my cousin manage her finances. Also, this is the first application that I have implemented a push notification that reminds users of next bill payment 3 days before the repayment due date.

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

    The challenge i encountered while building this app was the push notification. I was inititally running it on edge which caused the build to break. however, after thorough research I observed that the fix was to run it on nodejs.

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

    I would love a review of the application. I am open to constructive criticism.

    Personal Finance App

    #next#react#tailwind-css#typescript#zustand
    1
    Samuel Adu•1,100
    @samuel-adu
    Posted about 2 months ago

    Can you provide a way for anyone to login and be able to test the app. I would also suggest you provide a login details on the form validation for anyone to be able to login.

    Marked as helpful
  • Alabi Mariam•30
    @morrryyyyy
    Submitted 2 months ago

    QR code card component

    1
    Samuel Adu•1,100
    @samuel-adu
    Posted 2 months ago

    Excellent work on bringing the design to life, absolutely pixel perfect.

  • Dadv-a11y•550
    @Dadv-a11y
    Submitted 2 months ago
    What challenges did you encounter, and how did you overcome them?

    Thé challenge was to use and understand state i overcome it with youtube tutorial

    Product list with cart

    #accessibility#react#react-aria#tailwind-css
    1
    Samuel Adu•1,100
    @samuel-adu
    Posted 2 months ago

    This is an excellent solution, its neat and super close to the design. I love how the confirmed order list scrolls in confirmation modal and keeping the modal in place.

    However I have a few suggestions for you to look at

    • the grid layout you have in large screen size is what you should have in medium screens. Looking at your code if you change md:grid-cols-2 to md:grid-cols-3 this will fix it.

    • the addToCart button should add the item to cart according to the project brief, you should look into that.

    Even with all of this, your solution is excellent and I love your implementation of the state management.

    Marked as helpful
  • P
    MathiasHun1•700
    @MathiasHun1
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    The layout was so hard to implement for all screen sizes. At least for me :P

    I feel the css could be simplified, I did some repetitive code defining the grid-areas for the pages, and things related to that.

    I just learned how creative utility classes can be, I'm very bad at it but did my first steps

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

    Managing the css, somewhat modularized it with sass partials, but it's far from perfect

    Responsive Space-Tourism site

    #react#sass/scss#motion
    1
    Samuel Adu•1,100
    @samuel-adu
    Posted 3 months ago

    Excellent work

  • collins-ai•450
    @collins-ai
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm glad I could successfully make use of tailwind css to style the webpage easier and faster. The javascript which i applied is also something I'm proud of.

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

    Since it's my first time to use tailwiind, it took a lot of time for me to finish the challenge. I also had a hard time deploying it with github pages, but it's all done now.

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

    Nothing for now.

    Bookmark landing page using HTML, Tailwind and JavaScript

    #tailwind-css
    1
    Samuel Adu•1,100
    @samuel-adu
    Posted 4 months ago

    Excellent work, my only suggestion is that you improve the mobile responsiveness. The feature images and faq on mobile doesn't meet the design requirement. Also great work with the email validation.

    Marked as helpful
  • P
    Fatih ŞAHİNBAŞ•550
    @fsahinbas
    Submitted 10 months ago

    Room Homepage

    #bem#sass/scss
    1
    Samuel Adu•1,100
    @samuel-adu
    Posted 10 months ago

    Another excellent work from you, could you also make it responsive.

    Marked as helpful
  • P
    Fatih ŞAHİNBAŞ•550
    @fsahinbas
    Submitted 10 months ago

    Loopstudios Landing Page

    #sass/scss#bem
    1
    Samuel Adu•1,100
    @samuel-adu
    Posted 10 months ago

    Good work Fatih!

    I have a few suggestions to improve the design, especially the about and creation section.

    • your main should wrap the image-interactive and the creations sections.
    • the see all button in mobile should be after the creations card
    • in desktop you can position the see all button to top right relative to the creation section

    This should fix the creation section flowing out of screen in both mobile and desktop view.

    Overall this a very solid work and its clean too.

  • Vicymicheal•30
    @vicymicheal
    Submitted 10 months ago

    qr code component

    1
    Samuel Adu•1,100
    @samuel-adu
    Posted 10 months ago

    Good work, the solution very close to the design. In mobile view the card is touching the body of the device, if you could add paddings to both side of the container this will work.

    Marked as helpful
  • P
    Fatih ŞAHİNBAŞ•550
    @fsahinbas
    Submitted 11 months ago

    e-commerce Product Page

    #react#typescript#tailwind-css
    1
    Samuel Adu•1,100
    @samuel-adu
    Posted 10 months ago

    Excellent work you have here, although the slider doesn't work on mobile, can you check that out. Well done mate

  • Juan Pablo Cristancho•40
    @JuanCris09
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I need to learn more CSS about reformat img, table and anything

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

    My challenge was about a line in the table

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

    About the last line in the table I don't know delete this line

    border-collapse

    1
    Samuel Adu•1,100
    @samuel-adu
    Posted 10 months ago

    To remove the last line you can use the css last-child selector.

  • Dimitrios Dristellas•670
    @dimitrisdr
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of taking this project so close to the original one. I think that I took my design skills a little step further.

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

    handling the image sizes is something that I got struggled with. In some cases for example in the extra articles section, when the screen goes very large, the spaces between the titles and the content increases a lot due to image resizing.

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

    Handling the spaces between the titles and the content when the image size increases is something that I need to fix in my projects. Any suggestions are welcome!

    news home page main

    1
    Samuel Adu•1,100
    @samuel-adu
    Posted 10 months ago

    Good work with the solution, the only issue is the grid gutters which are inconsistent. If can make the whole content a single grid container and work downwards from there using consistent grid gaps in the children elements you will fix this issue.

    Marked as helpful
  • hilla•810
    @hilla10
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    it was difficult for me because this is my first time js project so I think I did good

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

    adding cart, counting, and removing this is from challenging

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

    in the counter, and removing items

    Product List Using HTML, CSS, AND JS

    #accessibility
    1
    Samuel Adu•1,100
    @samuel-adu
    Posted 10 months ago

    Excellent work. Can you look into this bug i found, when I select an item and remove them, i was still able to place a order with zero quantity of that item.

    Marked as helpful
  • P
    MUONYELU CHINEDU UCHENNA•200
    @Nyelus101
    Submitted 10 months ago

    React and Tailwindcss

    #accessibility#fetch#react#react-router#tailwind-css
    1
    Samuel Adu•1,100
    @samuel-adu
    Posted 10 months ago

    Good work bro, especially the custom dropdown. I would like to see how you implemented it.

  • Adarsh Gupta•790
    @adarsh78
    Submitted 10 months ago
    What specific areas of your project would you like help with?

    I would like to get help with my logic building and how optimized my code is and where can I improve myself. Any feedback is highly appreciated.

    job-listing-with-filtering

    1
    Samuel Adu•1,100
    @samuel-adu
    Posted 10 months ago

    This is a very commendable solution. You should remember to update the readme incase someone visits your github and finds this project.

    Marked as helpful
  • Dimitrios Dristellas•670
    @dimitrisdr
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    It was my first time that I have tried to put aria-values that much. I think that i am starting to understand how this works.

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

    I am not sure that the code for evaluating validation of each input is the best. Also, I am not sure if the e.preventDefault() prevents the form from being rendered to the server or it is just prevents the page from reloading.

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

    I would like to understand better the aria-attributes. More over I would like to understand better the functionality of the command e.preventDefault().

    contact form main

    1
    Samuel Adu•1,100
    @samuel-adu
    Posted 10 months ago
    event.preventDefault() 
    

    event.preventDefault() is a method in JavaScript that prevents the default action associated with an event from occurring.

    The default action when a form is submitted is for the browser to send the form data to the server and reload the page, to prevent the page from reloading we use the event.preventDefault() method.

    Marked as helpful
  • adesholanaheem•20
    @adesholanaheem
    Submitted 11 months ago

    my first frontendmentor challenge, open to corrections please

    #accessibility
    2
    Samuel Adu•1,100
    @samuel-adu
    Posted 11 months ago

    Hello your solution is not showing up in the preview.

  • Owolabi•250
    @Ay-dotcode
    Submitted 11 months ago

    Responsive FAQ accordion with HTML, CSS and Js

    1
    Samuel Adu•1,100
    @samuel-adu
    Posted 11 months ago

    Excellent work

  • Samiullah•490
    @samir-Deve
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I will make it take less next time, it took 12 hours to finish this project.

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

    To break JS codes into smaller functions was a little bit challenging but I overcame ! :)

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

    I welcome any feedback on my HTML semantics as it is very overwhelming !

    CSS, HTML, JS

    2
    Samuel Adu•1,100
    @samuel-adu
    Posted 11 months ago

    Please check your calculations as it doesn't return the correct figures.

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