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

Fanuel Amare

@Fanu-CdAddis Ababa, Ethiopia200 points

TypeScript | React | Next.js | React Native | Frontend Enthusiast | MERN Stack | Microsoft SharePoint | SPFx

Latest solutions

  • Room Homepage Built With Next.js, Mantine-UI and Tailwindcss

    #next#react#tailwind-css#typescript#vite

    Fanuel Amare•200
    Submitted 2 months ago

    At this stage, I don’t need help, but I always stay open to feedback or suggestions that could improve performance, accessibility, or user experience.


    2 comments
  • Multistep Form Built with Next.js and Mantine-UI

    #next#react#tailwind-css#typescript#vite

    Fanuel Amare•200
    Submitted 2 months ago

    I didn’t require help during this project. The implementation went smoothly, and I was able to handle all aspects confidently using my existing skills in Next.js and Mantine UI.


    1 comment
  • REST Countries API Built With Next.js, Mantine-UI and React-Query

    #next#react#tailwind-css#tanstack-query#typescript

    Fanuel Amare•200
    Submitted 2 months ago

    I'm not seeking help with any specific areas at the moment, as the project met my expectations and works as intended.

    However, I'm always open to feedback or suggestions for optimization and best practices.


    1 comment
  • Rock, Paper, Scissors Game built with Next.js and Mantine-UI

    #next#react#tailwind-css#typescript#vite

    Fanuel Amare•200
    Submitted 2 months ago

    I’m currently satisfied with how the project turned out and don’t need help at the moment. However, I’m always open to feedback or suggestions for improvement.


    0 comments
  • Ecommerce Product Page Using Next.js and Mantine-UI

    #next#react#tailwind-css#typescript#vite

    Fanuel Amare•200
    Submitted 2 months ago

    At this stage, I don’t need help with any specific areas of the project. Everything is working as intended, and I’m satisfied with the outcome. That said, I’m always open to feedback and suggestions for improving code structure, performance, or user experience.


    0 comments
  • Conference ticket generator using React.js

    #react#react-hook-form#tailwind-css#typescript#vite

    Fanuel Amare•200
    Submitted 2 months ago

    At the moment, I don't need any assistance, as the project has been completed successfully. However, I always welcome feedback on areas such as code optimization, user experience improvements, and best practices for working with React, TypeScript, and form validation libraries like React Hook Form and Yup. I'm constantly looking to improve and refine my skills, so any insights on how I could enhance my approach or the overall performance of the app would be greatly appreciated.


    0 comments

Latest comments

  • Leon Gabriel•100
    @owinogabriel
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    Am proud to be able to complete the project,i will definately contribute to more project and be able to submit them on time

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

    During the project styling the project to be well responsive layout in both screen devices but with help from my friends and stacks i was able to overcome

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

    Reviewing the project and giving me you feedback on how you feel about the project and areas that you feel i should change. Yah your feedback will be really helpful and of positive mind to me.

    Clipboard Landing page

    #react#tailwind-css#typescript
    1
    Fanuel Amare•200
    @Fanu-Cd
    Posted 2 months ago

    The page is stunning Leon! Great!

    Just consider adding some padding for the texts ("Keep track of your snippets", etc) for small screens.

  • Md Irfan Rahman Mubin•210
    @Md-Mubin
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    using redux to make country page dynamic by sending the data.

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

    Filtering data of certain area and The border countries area. Had to filter the aria3code with the bounderies array and than get the matched data and than the name.

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

    As Next.js does SSR(server side render). Storing datas in localstorage giving error like , "localstorage can not defined". As the lcoalstorage does CSR(client side render). How to manage that?

    Using includes method in filter to make the search dynamic

    #next#react#redux#tailwind-css#react-router
    1
    Fanuel Amare•200
    @Fanu-Cd
    Posted 2 months ago

    That's Great Md Irfan!

    Your work is great but regarding the error you are facing, Next.js throws that error because you are trying to use localStorage(which is a property of the CLIENT SIDE 'window' object) in a SERVER component. To solve this, you have to turn the component to a client-side component(using the 'use client' directive).

  • Renee Cheng•20
    @reneecwl
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of the layout and design, which closely matches the mockup, including all the error and hover states. I also used conditional rendering effectively to display the appropriate results. For the error message, I make use of useState to do real-time validation. However, looking back, I realize I should have planned the structure of the elements and components earlier in the project to ensure smoother implementation.

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

    While there wasn’t anything that completely halted my progress for days, I did find the mortgage formula calculation a bit tricky at first. With some research and troubleshooting, I was able to work through it and resolve the issue.

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

    One area where I could use help is in determining the exact colors, as some weren’t specified in the design. To address this, I inspected the live version of the project and extracted the color codes from there.

    React jsx scss useState for real-time form validation with blur/change

    #react#sass/scss#vite#react-hook-form
    2
    Fanuel Amare•200
    @Fanu-Cd
    Posted 2 months ago

    Good to look by inspecting the live version, but you can find the stylings you need for the css, like the breakpoints, colors, font size and font family in the style-guide.md file.

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