Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All solutions

  • Submitted


    What are you most proud of, and what would you do differently next time?

    I'm most proud of being able to use Shopify GraphQL API to manage products. Next time I would create a better architecture for my projects. I'm used to develop website with 2-3 pages in React/Next.js, mostly landing page without data, so architecture was not my main concern.

    But now I see that for a e-commerce app, I have to have something more structured to have a more maintable code and easily testable.

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

    My biggest challenge was how to handle images. Because on shopify, there is only one field for images per product. So for one product, if we count the main image, the gallery image, the category image, the cart image, the preview image, times 3 (mobile/tablet/desktop).. that's a lot of image.

    I started by adding all these images in this unique field, and fetch them all, then sort them depending on their name and their order. But it didn't look very maintainable because in a real situation, the owner of the shop would upload pictures. Impossible to make sure that he named well the images and order them properly.

    Then I discovered the metafield and my life changed. 😂 The next challenge is about those metafield and how to fetch metafield of type file. The syntax was not really clear. To overcome it, I called a friend of mine, who is developer too, and I explain to him my problem. By explaining my problem, we were able to solve it.

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

    I would like help with :

    • the UX/UI: what could be improve if it was a real website.
    • the architecture of my project : how can I structure my code better so it's more maintainable.
  • Submitted


    What are you most proud of, and what would you do differently next time?

    🎁 Features:

    Achieved 95% in Lighthouse score for performance, 91% accessibility, 100% best practices, and 100%SEO. 📊

    Responsive design 📱💻

    CSS Modules to packages my styles.

    🎨 Clean codebase and formatted using VS Code formatter. 💻

    Framer motion 🖌️

    🛠️ Built With:

    Next.js 13. ⚡

    Semantic HTML5 markup 📑

    CSS custom properties 💎

    Flexbox 🖌️

    CSS Grid 🖌️

    Mobile-first workflow📱

    Let me know if you have any feedback, I would love to improve my solution 😊🤝

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

    I didn't read the requirements for the "create your plan" section, so I underestimate the complexity of it. I solve that by reading the requirements and did a little refresher course on React and how to manage state between differents components.

    One thing I didn't solve is on the "about us" page. The image in the section "Uncompromising quality" is supposed to be overflowing half of its height on mobile and tablet and some rem on desktop. But I wasn't able to do it and manage properly the distance with the text under and the distance with the section before.

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

    I would love help on the "about us" page and more precisely on the section with the title "Uncompromising quality". The image is supposed to be overflowing half of its height on mobile and tablet. I don't know how to do it properly so the distance with the text under is always the same. Same for the distance with the section before it.

  • Submitted


    🎁 Features:

    Achieved 99% in Lighthouse score for performance, accessibility, best practices, and SEO. 📊 Form validation ✔️

    Responsive design 📱💻

    CSS Modules to cut my styles.

    🎨 Clean codebase and formatted using VS Code formatter. 💻

    🛠️ Built With:

    Next.js 13. ⚡

    Semantic HTML5 markup 📑

    CSS custom properties 💎

    Flexbox 🖌️

    CSS Grid 🖌️

    Mobile-first workflow📱

    Let me know if you have any feedback, I would love to improve my solution 😊🤝

  • Submitted


    🎁 Features:

    Achieved 99% in Lighthouse score for performance, accessibility, best practices, and SEO. 📊 Form validation ✔️ Responsive design 📱💻 CSS Modules to cut my styles. 🎨 Clean codebase and formatted using VS Code formatter. 💻

    🛠️ Built With: Next.js 13. ⚡ Semantic HTML5 markup 📑 CSS custom properties 💎 Flexbox 🖌️ CSS Grid 🖌️ Mobile-first workflow📱

    Let me know if you have any feedback, I would love to improve my solution 😊🤝

  • Submitted

    PayAPI

    • HTML
    • CSS
    • JS

    2


    Hello everyone,

    Here my solution to the PayAPI challenge. I have mainly struggle with those background circle svg and how to set them properly for the different screen sizes.

    So if you have a better practices for how to position them, I would love to hear it. Or if you have any feedback on my solution, feel free to tell me !

  • Submitted


    I can improve few things :

    • my algorithm to check a potential win
    • my animation when a disc is played

    I haven't tried to do the CPU vs Player bonuses yet, but I might try it later

  • Submitted


    If someone has a best way to do the dynamic display of the password strength and also to set the background color of the track for chrome broswers, I would love to hear !

  • Submitted

    news-homepage

    • HTML
    • CSS
    • JS

    0


    For the "dark filter" in mobile when the side-menu is open, I changed the background-color to a darker color and added opacity on it. Is there a better method ? Because I feel like it's quite not like the model.

  • Submitted


    How could I improve my css ? And also is my use of variable for fonts and colors good ?