Israel Adefidipe

@iadefidipe
320Points

Frontend x UI/UX dev

Latest Solutions

  • Desktop design screenshot for the REST Countries API with color theme switcher coding challenge

    REST country API web app built with HTML, SASS, JS

    • HTML
    • CSS
    • JS
    • API
    0
    Submitted

    For this project, I had fun working with third-party API before it was taken downπŸ˜₯.

    The code for the live-site is on the version-2 branch. This version has most of the features in the design specification apart from being able to display each country details and some details are missing from the current API being used.

    Your feedbacks on the project will be really helpful. Thanks πŸ±β€πŸš€

  • Desktop design screenshot for the Bookmark landing page coding challenge

    A React landing page, styled with styled components. (React router)

    • HTML
    • CSS
    • JS
    1
    Submitted

    This is my first project using React.jsπŸ±β€πŸš€.

    It was great passing props from one place to another, creating data for the page and making reusable components. I got to see why React is so much of a hype and I must say I'm sold 😍

    Also, learnt how to use react styled-components on this projectπŸ’–, definitely also my best styling approach. I like the freedom it offers.

    Used react-router to create dummy link for my nav menu.

    Feedback on this project will be really helpful, Thanks.πŸ’Œ

  • Desktop design screenshot for the Manage landing page coding challenge

    Responsive landing page with HTML, SCSS, JS (DOM, Email form validatio

    • HTML
    • CSS
    • JS
    2
    Submitted

    I enjoyed implementing this design 😊, the design is minimal and sleek. I learnt how to do email form validation, had more experience working with the DOM. I used swiper.js to implement your slider design.

    I will love your feedback on how/what to improve improve on. πŸ’›

  • Desktop design screenshot for the FAQ accordion card coding challenge

    Accordion: HTML, CSS, SCSS, JS( DOM manipulation)

    • HTML
    • CSS
    • JS
    0
    Submitted

    I will love you all to to a take a look at my implementation, and give feedback to help me get better

  • Desktop design screenshot for the Blogr landing page coding challenge

    Mobile First, SCSS, DOM manipulation

    • HTML
    • CSS
    • JS
    2
    Submitted

    This is my 2nd project applying DOM manipulation. I learnt how to use the intersection observer property. The mobile dropdown and desktop nav functionality is not as perfect as i want it to be yet, so I will appreciate feedback on what i could do to make my script better.

    I will appreciate feedback

  • Desktop design screenshot for the Easybank landing page coding challenge

    Mobile-Responsive landing page with flexbox, grid and DOM manipulation

    • HTML
    • CSS
    • JS
    0
    Submitted

    My first project applying DOM manipulation. It was really cool. I, kind of, had some difficulty styling the hero images in this project.

    what I did: For the mobile view, I made the hero svg a background image and the mockup, a ::before psuedo element of the same element that had the svg backgroung and that worked. In the desktop view, I had to make the mockup a html img element of its own to be able to achieve the design.

    Please, If you have a better idea on how I achieved this, feel free to share... i feel there should be a better way to have done it. Your feedbacks will be really appreciated.

Latest Comments

    • HTML
    • CSS

    Stats preview card component - SASS

    2
    Israel Adefidipe320 | Posted 3 months agocommented on Tom Peirs's "Stats preview card component" solution

    Great job Tom, you might want to work on your font sizes on smaller screens, other than that, you did a very nice job. Also check out the issues flagged by the platform. Keep Learning! cheers

    0
    • HTML
    • CSS

    Stats preview component solution

    10
    Israel Adefidipe320 | Posted 3 months agocommented on dewslyse's "Stats preview card component" solution

    Great job, your implementation is almost pixel perfect. The platform flagged some accessibility issues, you should check that out. cheers

    0
    • HTML
    • CSS

    Front-End-Mentor-Stats-preview

    2
    Israel Adefidipe320 | Posted 5 months agocommented on isaac's "Stats preview card component" solution

    Great job.

    • Instead of using ID which should be unique for each element. Use classes, it makes your styling more easy to, and you can use a class for more than one element too

    • the whole card is not well centered on all screens.

    • you should have main container, so you can center the body element. You can also put the text and image section in the container and flex them. See if that helps.

    0