Skip to content
OverviewSolutions
58
Comments
4
P
Abel Muro
@AbelMuro

All comments

  • Abel Muro•1,830
    @AbelMuroSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of making the website as responsive as possible. The website will look good on any device. I also used framer-motion to add a bit of animation to the project images. When you hover over the images, it will animate a dark overlay over the image and fade-in two buttons. What I would do differently next time is use GSAP to add scrolling animation to the website, it has been a while since I've used that library

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

    The biggest challenge was making sure the website was fully responsive on all devices. I overcame this challenge by using my own knowledge of CSS and @media queries. I may have used more @media queries than I should have, but the end result was worth it

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

    I don't think I needed any help with this project, but I'm always open for advice and constructive criticism.

    Single Page developer portfolio with React

    1
    Abel Muro•1,830
    @AbelMuroPosted 3 months ago

    There was an issue with the developers photo in the website. For some reason, adding the alt attribute to the img tag was causing the photo to enlarge exponentially. I removed the alt attribute from the tag and it fixed the issue.

    0
  • Idris Elijah•100
    @theidriselijahSubmitted over 1 year ago

    Overall I found this project easy to build. The only thing I couldn't figure out was how to add the circles to the page without interfering with what's on the page, such as the navbar component. Hopefully, I figure it out down the line, but for now, I'm very pleased with the work that I did here. Any general feedback is always welcomed, or questions you may have.

    PayAPI Multi-Page Website

    1
    Abel Muro•1,830
    @AbelMuroPosted over 1 year ago

    For the circles in the background, one thing I can recommend is using position: absolute and z-index: 1 to position the circles on the page. You can also use the universal selector and apply the properties below..

    * { position: relative , z-index: 2}

    The selector above will ensure that all elements on the page will be on top of the circles, and so the circles will not interfere with the other elements on the page.

    Hope this helps!

    1
  • Abel Muro•1,830
    @AbelMuroSubmitted over 1 year ago

    This guru challenge was definitely the most challenging app that I have ever developed on front end mentor. At first, I believed that I was going be challenged but not to the extent that this app had in store for me. I was banging my head against the wall with some of the dialog's/modals, especially with the functionality of dynamically adding new <input/> elements onto the dialog/modal. I kept getting compile errors that I haven't seen before, and some of these errors made no sense to me. I could've used firebase for the back-end, but I thought that using the local storage would prove a bit more challenging.. and I was right! The way that I engineered the app was that all the board, columns, tasks and subtasks were part of an array of objects that I stored onto the local storage. So, every time I wanted to update a task or subtask for a particular board, I had to iterate through the entire array of objects just to find that particular task. This was extremely tedious, and in hindsight, I think this was very unnecessary, as I could've just used Firebase to handle finding the tasks for me, instead of implementing all this logic myself.

    Oh boy... anyway any feedback is welcomed. I poured a lot of effort into this!

    Kanban app with react and redux (using local storage)

    2
    Abel Muro•1,830
    @AbelMuroPosted over 1 year ago

    Hmm, I'm not sure why the screenshot that is generated doesn't fill up the entire page. I know that I set height: 100vh on the body tag selector so I'm sure that the app SHOULD fill up the entire page. And this is proven when you follow the link for the app. Maybe its a bug with the screenshot generator? I'm not sure.

    0
  • Abel Muro•1,830
    @AbelMuroPosted over 1 year ago

    The solution looks nice, but it looks nothing like the design that was given to you. The whole point of these front end mentor challenges is to make a website/app that closely resembles the design.

    Marked as helpful
    1