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
Log in with GitHub
OverviewSolutions22Comments18

All comments

  • Adriano• 33,980

    @AdrianoEscarabote

    Submitted

    👨‍💻 Hello everyone!

    I'm so glad I completed this amazing challenge! I've learned a lot along the way and I feel my development has benefited from this challenging project. While it took a little longer than expected due to my familiarity with some technology, I'm thrilled to finally have it done!

    I faced several challenges during the project, especially regarding organization, which was a challenging aspect to maintain. However, I believe I managed to do a good job in this regard. It was my first time working on such a large project with multiple technologies, which made it difficult to organize everything and keep the code clean. Even so, I'm confident I did a good job!

    In addition to all the functionality required by the front-end mentor I added:

    • Unit tests and integration tests done with jest & Testing Library!
    • Documentation of components using Storybook!
    • Pre-loading!
    • Keep track of any changes, even after refreshing the browser!
    • Users can drag and drop tasks to change their status and reorder them in a column!

    If you have any suggestions for code improvements, please feel free to share!

    Thanks! 😊

    Kanban task management w/ (Next + Typescript + Tailwind) 👨‍💻

    #jest#next#storybook#tailwind-css#typescript

    4

    anass sanba• 450

    @sanba-anass

    Posted

    Congratulations you have done it ! how many days it takes u to do the challenge ? 😁

    2
  • anass sanba• 450

    @sanba-anass

    Posted

    great job beautifuly executed 😁 !

    1
  • Adriano• 33,980

    @AdrianoEscarabote

    Submitted

    👨‍💻 Hello everyone.

    This was a very challenging project, I dealt with a lot of bugs during development and also managed to learn a lot! I'm very happy with the result, I managed to practice a lot of new things, including the use of Hooks. One of the hooks that helped me the most during development was (useEffect), it was perfect for dealing with the side effect and it was also very important for passing form data through components using the Context API.

    I had never used react router before and this was my first time. One tool that helped me a lot to keep my app running smoothly, as well as being able to monitor my project's accessibility and SEO, was the lighthouse!

    I added:

    • 👨‍💻 404 error page
    • 🎨 Animations during component rendering

    Feel free to suggest code improvements!

    Thanks! 😊

    Multi-step form built w/ (React + Styled Components) 👨‍💻

    #accessibility#lighthouse#react#react-router#styled-components

    5

    anass sanba• 450

    @sanba-anass

    Posted

    hi adriano congrats u did a great job ! ihave a question : how did u navigate without refreshing the page between pages. thanks in advance!

    1
  • Adriano• 33,980

    @AdrianoEscarabote

    Submitted

    👨‍💻 Hello everyone.

    This was my first project with NextJs, I'm very happy with the result and excited to learn more about this framework, however as it is the first project I decided to do something a little simpler, so as not to get too stuck in the development of the project, but in soon I will do some more elaborate project.

    As you can see in the "DESIGN COMPARISON" section, my project has a white bar, this has happened other times, but as you can see it's just in the picture, if you look at the project's deployment it's normal!

    If you know why this is happening, feel free to let me know.

    Thanks! 😊

    Results summary component w/ (NextJs + StyledComponents) 👨‍💻

    #axios#next#styled-components#typescript#lighthouse

    1

    anass sanba• 450

    @sanba-anass

    Posted

    how you scale the component to be big like that mine looks smale i don't know if i"m doing something wrong thanks in advance and congrats!

    0
  • tbahd• 160

    @tbahd

    Submitted

    Please what's the best way to add color to an svg element especially when one needs to add color while hovering over such element?

    Clipboard landing page

    2

    anass sanba• 450

    @sanba-anass

    Posted

    Hi if you want to change the color of the svg then use the fill property svg{fill:white; } or change it directly from the svg it self

    Marked as helpful

    0
  • anass sanba• 450

    @sanba-anass

    Posted

    hi, Cheosphere congrats on making this a pixel-perfect design Awesome🤗 ** I noticed one issue on large screens. the main area is shifted you may wanna fix that : main{ flex-direction: column; align-items: center; } ** happy coding and good job !

    Marked as helpful

    1
  • anass sanba• 450

    @sanba-anass

    Posted

    hi Luis nice solution cool idea of using nested grids good job!

    Marked as helpful

    0
  • anass sanba• 450

    @sanba-anass

    Posted

    hi Lucas thank you for the useful tips i will fix every single challenge in the near future. imay add some animation too thanks again man really useful stuff as always! 😁😁

    0
  • Lucas 👾• 104,540

    @correlucas

    Submitted

    👾 Hello, Frontend Mentor coding community. This is my solution for the Fylo Landing Page With Two Column Layout challenge.

    This was a quick challenge and I did not customize it. I'm in my journey to finish all HTML and CSS only challenges now I miss only 6. I'll customize only the last 3 one that are really amazing premium solutions!

    🍚Follow me in my journey! Gotta Catch ’Em All

    PS: I'm aware of the accessibility errors but this time I'll skip it and go to the next challenge. 🥱

    Happy to hear any feedback and advice!

    Fylo Landing Page With Two Column Layout

    9

    anass sanba• 450

    @sanba-anass

    Posted

    hi Lucas I notice one little issue on the card in the second section is not lined up correctly with the rest of the content u can use align-self: start to fix it :)

    Marked as helpful

    0
  • anass sanba• 450

    @sanba-anass

    Posted

    hi, I edited the solution thank you for the beautiful feedback I learned a lot from you guys! 😁😁

    1
  • anass sanba• 450

    @sanba-anass

    Posted

    @AdrianoEscarabote hi, Adriano thanks for the solution I understand everything wasn't aware of that I will do my best next time thanks a lot!

    1
  • anass sanba• 450

    @sanba-anass

    Posted

    thank you, Lucas, for this so helpful information I will improve my self more in the future thanks again for being active in the community!

    1
  • Lucas 👾• 104,540

    @correlucas

    Submitted

    👾 Hello, Frontend Mentor coding community. This is my solution for the Fylo Landing Page With Two Column Layout challenge.

    This was a quick challenge and I did not customize it. I'm in my journey to finish all HTML and CSS only challenges now I miss only 6. I'll customize only the last 3 one that are really amazing premium solutions!

    🍚Follow me in my journey! Gotta Catch ’Em All

    PS: I'm aware of the accessibility errors but this time I'll skip it and go to the next challenge. 🥱

    Happy to hear any feedback and advice!

    Fylo Landing Page With Two Column Layout

    9

    anass sanba• 450

    @sanba-anass

    Posted

    just uploaded my solution too lol. you really did a good job Lucas well done! can you leave a feedback one mine thanks in advance!

    Marked as helpful

    1
  • anass sanba• 450

    @sanba-anass

    Posted

    hi caiomiyaji avoid using fixed height since you will soon run into an overflow issue just keep the height auto then add the content as you go at the end add padding to make whitespace around the container Happy coding!

    Marked as helpful

    0
  • anass sanba• 450

    @sanba-anass

    Posted

    hi, Lakshan : include a dot at the start of the image link like this : "./docs/images/illustration-hero.svg"

    1
  • anass sanba• 450

    @sanba-anass

    Posted

    since I'm a beginner I can't wrap my head around all these pieces of information at once. and these comments really helped me thank you so much again Lucas I will keep working on myself!

    0
  • anass sanba• 450

    @sanba-anass

    Posted

    wow, this is so helpful thank you so much!

    0
  • anass sanba• 450

    @sanba-anass

    Posted

    thanks for everything Lucas this is so helpful

    0