All 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.

  • Desktop design screenshot for the Chat app CSS illustration coding challenge

    Responsive Chat app Illustration, animated with animate.css

    • HTML
    • CSS
    2
    Submitted

    I thought I wasn't going to be able to do this challenge, but once I started it wasn't as hard as it looked๐Ÿฆธโ€โ™‚๏ธ, it was actually challenging though. I learnt how to apply animate.css to help with some of my animations, pretty cool library.

    I would really appreciate comments on my coding style, how to improve this particular challenge, what I need to improve on๐Ÿ™

    I couldn't animate the last two chat messages with animate.css library and i really want to know what was wrong, I actually applied the animation classes correctly but it isn't working. Anything I can do to solve that?

  • Desktop design screenshot for the Stats preview card component coding challenge

    Responsive card design with CSS flexbox

    • HTML
    • CSS
    0
    Submitted

    I just completed this challenge, I will love your feedback on my work.

  • Desktop design screenshot for the Clipboard landing page coding challenge

    Responsive landing page with CSS flexbox

    • HTML
    • CSS
    3
    Submitted

    It was fun coding this page, I feel my CSS implementation is getting better. I will love feedback on anything that can be improved on in my code.

  • Desktop design screenshot for the Social proof section coding challenge

    Responsive page using CSS grid, flexbox and scss.

    • HTML
    • CSS
    0
    Submitted

    I feel I didnt get the layout perfectly, I will also love comments on my html and css code structure. Thanks.

  • Desktop design screenshot for the Profile card component coding challenge

    Responsive page using CSS grid, flexbox and scss.

    • HTML
    • CSS
    0
    Submitted

    I had a bit of challenge sizing my page to be, I will like feedback on the best parameter to use for sizing page element. Comments on my html and css structure will also be a lot of help. Thanks

  • Desktop design screenshot for the Testimonials grid section coding challenge

    Responsive page using CSS grid, flexbox and scss.

    • HTML
    • CSS
    0
    Submitted

    Please help me review my project. I had difficulties with the media queries, I couldn't get the text in some of my cards to fully cover as it did in the original design. Thanks for your feedback