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 comments

  • P
    Robert Crocker• 410

    @robcrock

    Submitted

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

    I enjoyed coming up with interesting solutions to different layout problems.

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

    There were some responsive challenges and still don't think I nailed it on the image position for mobile, but that could be something to revisit later.

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

    I'd love tips to improve my responsive layout and the way I handled images.

    Loopstudio Landing Page

    1

    Mesroua Djamel• 330

    @MesrouaDjamel

    Posted

    hi congratulations for your work it is very close to the proposed design you can make some adjustment to make it more responsive :

    In your code you had put md:grid-cols-4 i think it's better to put md:grid-cols-3 and lg:grid-cols-4

    also for the InteractiveVRSection component you can try flexbox and the second div use translate-x and translate-y good work and have a great day

    1
  • Gakii• 470

    @G-Gakii

    Submitted

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

    • my initial Tailwind project

    -The capability to apply a hover effect to an image

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

    How to implement hover effects using custom CSS, while the custom CSS is functioning elsewhere but not on hover.

    mobile first nft-preview-card-component with tailwind

    1

    Mesroua Djamel• 330

    @MesrouaDjamel

    Posted

    hi congratulations on your work your design is very close to the proposed design, you can make improvements by adding animation to the hover.

    0
  • lavollmer• 350

    @lavollmer

    Submitted

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

    I am most proud of working through the different challenges and expanding my knowledge of useState, props, flexbox, and styling options. Next time, I would focus more on the functionality of the application and then addressing the styling pieces.

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

    I worked through the mobile responsive challenge, useState knowledge, flexbox styling, sidebar navigation in mobile and much more. I worked through each one individually - taking time to understand my gaps of knowledge. Overall, it was a great project.

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

    I would like help with creating the functionality for the delete trash icon in the cart. I would like the icon to remove all information when selected with the statement "Your cart is empty".

    Responsive Ecommerce Landing Page TailwindCSS ReactJS Vite

    1

    Mesroua Djamel• 330

    @MesrouaDjamel

    Posted

    congratulations for your design it's close to the proposed design i have some suggestion to propose you : The carousel : you can use material tailwinds: https://www.material-tailwind.com/docs/react/carousel it's easy to set up and the component is animated. Hover: https://tailwindcss.com/docs/fill

    and use this syntax in jsx => <svg width="57” height="54” viewBox="0 0 57 54” fill="none” className="absolute left-4 top-[200px] cursor-pointer stroke-veryDarkBlue hover:stroke-orange transition-all ease-in-out duration-300” onClick={handlePrev} > <ellipse cx="28.1706” cy="27.1216” rx="28.1706” ry="26.7823” fill="#FEFFFF” stroke="none” /> <path d="M33.8049 16.4087L22.5366 27.1216L33.8049 37.8345” strokeWidth="3” /> </svg> check if the svg already has a fill or stroke and delete it

    Trash: const handleDelete = () => { if (quantityToBuy === 0) { setIsAddedToCart(false); } setIsAddedToCart(false); setIsCartOpen(false); setQuantityToBuy(0); };

    Translated with DeepL.com (free version)

    0
  • Terez Lagova• 380

    @TerezL

    Submitted

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

    Good challenge for practising grids and flexbox

    News page

    1

    Mesroua Djamel• 330

    @MesrouaDjamel

    Posted

    congratulations for your work it is very close to the design proposed the colors are not exact as the design suggests. I cannot see the preview of your site nothing is displayed on my part

    0
  • Terez Lagova• 380

    @TerezL

    Submitted

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

    Proud of getting faster completing the challenges

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

    pop up alert and few responsive issues. luckily stackoverflow exists!

    Contact form

    1

    Mesroua Djamel• 330

    @MesrouaDjamel

    Posted

    congratulations on your work, your design is very close to the challenge, suggest you adjust the margin top for the contact form

    Marked as helpful

    0
  • Mesroua Djamel• 330

    @MesrouaDjamel

    Posted

    very good work your design looks a lot like the design proposed except the container faq accordion you can improve this by using -translate with tailwindcss

    0
  • Mesroua Djamel• 330

    @MesrouaDjamel

    Posted

    congratulations on your work, your solution is very close to the proposed challenge. just a small detail: the numbers in the input fields are not the same as in the challenge. otherwise very good work

    0
  • Mesroua Djamel• 330

    @MesrouaDjamel

    Posted

    congratulations on your work your design is close to the proposed design, you can make improvements: as long as the fields are empty, you can disable the RESET button, the custom fields don't work, instead of using a button you can use an input and then retrieve the value of the input to make the appropriate calculation.

    0
  • Ruan Gomes• 100

    @rug19

    Submitted

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

    For the second project that I did use React, I'm proud to be able to finish it.

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

    I appreciate having feedback about this project.

    Time Tracking Dashboard

    1

    Mesroua Djamel• 330

    @MesrouaDjamel

    Posted

    congratulations on your work. your design is similar to the proposed design. you've used the css module, which is great, because it avoids conflicts between the different styles. i encourage you to add onclick events to modify the activity display. for example, when you click on daily, it displays information about the day, and if you click on monthly, it displays information about the month.

    0
  • JaceLee• 240

    @jaceleedev

    Submitted

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

    I'm most proud of successfully integrating Storybook and implementing comprehensive testing with Vitest and testing-library, which significantly improved my component design process and code quality. These tools encouraged me to create more focused, reusable components and helped me catch overlooked issues. However, I realized that for smaller side projects, the time investment in extensive testing might not always be justified. In the future, I plan to use Storybook consistently but approach testing more selectively based on project scale and timeline. Despite the challenges, I'm committed to continuing to learn and implement new technologies in my projects, as I believe this investment in learning pays off in the long run.

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

    The biggest challenge was integrating new tools like Storybook, Vitest, and testing-library into the project. This process involved a steep learning curve and was time-consuming. Additionally, unexpected issues arose due to differences between the testing environment and the actual environment. To overcome these challenges, I meticulously studied the official documentation, sought help from online communities, and persistently worked through trial and error. As a result, I was able to effectively use these tools, which greatly improved component design and code quality.

    Another significant aspect of this project was learning and implementing Next.js server actions. Although the implementation differed slightly from the project's initial requirements, I focused on understanding and utilizing useFormState, useFormStatus, and server actions. This approach allowed me to gain valuable experience with these new features, even if it meant deviating somewhat from the original project specifications. The emphasis was on learning and applying these advanced Next.js concepts, which I believe will be beneficial for future projects.

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

    Any tips and know-how related to this project are welcome!!!!

    Newsletter Form with Next.js, Tailwind, Typescript, Storybook, Vitest

    1

    Mesroua Djamel• 330

    @MesrouaDjamel

    Posted

    c'est parfait comme projet the design is similar to the proposed design except for the title it's not the same color. the validation works you also used server action it's very professional work

    0
  • Mesroua Djamel• 330

    @MesrouaDjamel

    Posted

    excellent work but there is something you can do better the image container is larger than the text container so the text overflows at some screen sizes.

    1
  • P
    AJuliette• 20

    @AJuliette

    Submitted

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

    I couldn't make the border work and didn't know how to do the shadow.

    Tailwind Blog Preview Card

    1

    Mesroua Djamel• 330

    @MesrouaDjamel

    Posted

    great work your can do the shadow using css it s very simple and put it in the global.css for border i think you can do rounded-lg instead of rounded-xl

    0