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

Bisola Onaolapo

@bisoladevNigeria, Lagos160 points

I am a Frontend developer, interested in learning and creating solutions.

Latest solutions

  • Responsive UI using react


    Bisola Onaolapo•160
    Submitted over 1 year ago

    0 comments
  • Responsive notification component using Typescript, Tailwind & React

    #react#tailwind-css#vite#typescript

    Bisola Onaolapo•160
    Submitted over 1 year ago

    0 comments
  • Responsive solution using Typescript, Tailwind, Vite & Tanstack query

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

    Bisola Onaolapo•160
    Submitted almost 2 years ago

    1 comment
  • Responsive solution using Vite, Typescript, React hook form & tailwind

    #react#tailwind-css#typescript#vite#animation

    Bisola Onaolapo•160
    Submitted almost 2 years ago

    2 comments
  • Responsive solution using Vite, tanstack query and styled components

    #animation#tanstack-query#styled-components#vite#fetch

    Bisola Onaolapo•160
    Submitted almost 2 years ago

    2 comments

Latest comments

  • Yari Morcus•500
    @YariMorcus
    Submitted over 1 year ago

    Advice generator app (MVC architecture, ES6 classes and modules)

    #accessibility#bem#sass/scss#parcel
    1
    Bisola Onaolapo•160
    @bisoladev
    Posted over 1 year ago

    Great job! I would suggest adding a loading state to help the users be more patient during the latency period of 2 seconds. Other than that, I think it was an awesome work!

    Marked as helpful
  • Vyankatesh Jaju•490
    @venkiee7
    Submitted over 1 year ago

    Advice Generator App using async/await fetch(HTML/CSS/JS)

    1
    Bisola Onaolapo•160
    @bisoladev
    Posted over 1 year ago

    Great job! I couldn't see the code to give more observations, the GitHub link seems broken however I would say there could be some improvements in making it responsive:

    1. You could use the 'clamp' CSS property to make the text more responsive.
    2. Max-width, min-width and flex to make the card responsive on all screens.
    3. The button covers some of the text on the card, so I would say making the button absolute and the card relative would work, thereby you could give the button a position of say 50? and it would always stay relative to the card in that particular position

    PS: All the suggestions are hypothetical as I couldn't see the code however I hope it helps!

  • svyatoslavkk•90
    @svyatoslavkk
    Submitted over 1 year ago

    Created by using React ⚛️, Fetch API 🌐, Styled Components 💅, SCSS 🎨

    #animation#fetch#react
    1
    Bisola Onaolapo•160
    @bisoladev
    Posted over 1 year ago

    Great implementation !! I love the fact that you created your own spinner from scratch The only observations I would give are:

    1. I think one divider image would be better and then adding a max width to it so that it doesn't overflow in mobile view...because your implementation though had two different images for mobile and desktop, overflows when it gets to a small-sized mobile
    2. Adding an error state, like an 'oops an error occurred message' when there is an error would be great

    Overall I think it was an awesome job

    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

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