Skip to content
OverviewSolutions
15
Comments
23

Andre Ferreira

@Namonaki0London, UK560 points

Let's connect!

Latest solutions

View more solutions

Latest comments

  • devjoshua22•50
    @devjoshua22
    What are you most proud of, and what would you do differently next time?

    just keep being an AI coder its eaiser this way

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

    HAVING TO CORRECT AND ARRANGE CO-PILOT'S CODE

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

    NONE I'M JUST RETURNING FROM A TWO YEAR CODING BREAK . HOPEFULLY I DON'T SLACK OFF AGAIN .I'M ALREADY 22. YIKES!

    just HTML CSS and my best bud GITHUB COPILOT

    #pure-css
    1
    Andre Ferreira•560
    @Namonaki0

    Hi Joshua, well done for completing the challenge. I noticed that the code attached is for a different challenge.

  • P
    Thiago Miotti•20
    @Thiago-miotti
    What are you most proud of, and what would you do differently next time?

    🚀 Browser Extension Manager

    A modern and intuitive browser extension manager developed to optimize how you handle your extensions. Built with the latest technologies, this project offers a fluid and responsive user experience, with dark and light mode support.

    ✨ Features

    • Simplified Management: Efficiently add, remove, and organize your extensions.
    • Dark and Light Mode: Switch between interface themes for visual comfort, adapting to your preferences.
    • Fully Responsive: Enjoy a consistent experience on any device, be it desktop, tablet, or smartphone.
    • Intuitive Interface: Clean and easy-to-use design for effortless navigation.

    🛠️ Technologies Used

    This project was built using a modern and powerful technology stack:

    • React: A JavaScript library for building reactive user interfaces.
    • Next.js: A React framework for high-performance web applications, featuring server-side rendering and static site generation.
    • Tailwind CSS: A utility-first CSS framework that allows you to build custom designs rapidly, without leaving your HTML.
    • TypeScript: A typed superset of JavaScript that enhances code quality and developer productivity.

    A modern and intuitive browser extension manager.

    #next#react#typescript#tailwind-css
    1
    Andre Ferreira•560
    @Namonaki0

    Hi Thiago, I believe the extensions are not being loaded onto the page.

    This bit in your code: const response = await fetch('http://localhost:3000/extensions');

    Where is all the data meant to come from in order to populate the page? It's probably best to have the JSON file provided and fetch the data from there.

    Localhost is only for when you are developing locally.

    I can review the project a bit more once you fix this bit.

    Hope this helps.

    Marked as helpful
  • Andre Ferreira•560
    @Namonaki0

    Hi Justin, well done for completing the challenge.

    I found that the background image doesn't cover the entirety of the page and leaves a white gap on bigger screens. You could also try to centre the main container in mobile view. At the moment it sticks to the left.

    I hope this helps a little bit.

    Well done for the rest.

  • Andre Ferreira•560
    @Namonaki0

    Hi SHRIJA2, well done for completing the challenge.

    I've sent you a Pull Request with some changes that might help you achieve what you wanted. Don't need to merge it, it's just for reference and will hopefully be useful to you.

    Basically what I've done:

    • Simplified the CSS a little, mainly media-queries and selectors.
    • Main tag introduced to encapsulate the whole content of the challenge and since it is the most important content it makes sense semantically.
    • External div for each <section> has been removed as it didn't serve any particular purpose.
    • Transitions and cursor: pointer on element hover/focus introduced for better UX.
    • Skills score and images displayed dynamically making use of the json file provided.

    I merely looked at code readability and structure. Pixel perfecting would still need to be looked at and design guidelines would still need to be followed.

    Marked as helpful
  • Andre Ferreira•560
    @Namonaki0

    Hi Gilson, well done for completing the project.

    Here are some points I came across when previewing your solution. This is not an extensive list.

    • The burger menu is not visible in mobile view and there are some issues with image placement like you mentioned.
    • When you shrink the viewport the content underneath tends to hinder the hero section and therefore conceal the down arrow of the project.
    • Images and text don't follow the mobile design specified, not that big of a deal but will need better spacing at least to be more visually balanced.
    • Client Testimonials section is also being superimposed and names are hidden in mobile view, they do show on bigger screens but there is no space between this section and the next.

    If you like I can have a deeper look into your code and make some changes that might help you. I would explain every step as always. What I can do is clone your repo and then send you a PR when I'm finished. You won't need to merge it or anything but at least you can have a look at the differences. Let me know if this works for you.

    Marked as helpful
  • Andre Ferreira•560
    @Namonaki0

    Hi Mary, well done for completing the challenge.

    I would suggest taking the mobile-first approach and work your way up - you can use min-width for your media-queries as breakpoints increase. That way it's easier to tackle responsiveness for different screen sizes. You are also using gap in different parts of your code and that's probably what's causing your issues with white spacing.

    I hope this helps.

    Marked as helpful
View more comments