Skip to content
OverviewSolutions
22
Comments
18
anass sanba
@sanba-anass

All comments

  • Adriano•38,410
    @AdrianoEscaraboteSubmitted over 1 year ago

    👨‍💻 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) 👨‍💻

    4
    anass sanba•450
    @sanba-anassPosted over 1 year ago

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

    2
  • anass sanba•450
    @sanba-anassPosted over 1 year ago

    great job beautifuly executed 😁 !

    1
  • Adriano•38,410
    @AdrianoEscaraboteSubmitted almost 2 years ago

    👨‍💻 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) 👨‍💻

    5
    anass sanba•450
    @sanba-anassPosted over 1 year ago

    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•38,410
    @AdrianoEscaraboteSubmitted almost 2 years ago

    👨‍💻 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) 👨‍💻

    1
    anass sanba•450
    @sanba-anassPosted over 1 year ago

    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
    @tbahdSubmitted about 2 years ago

    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-anassPosted about 2 years ago

    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-anassPosted about 2 years ago

    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-anassPosted about 2 years ago

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

    Marked as helpful
    0
  • anass sanba•450
    @sanba-anassPosted about 2 years ago

    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,340
    @correlucasSubmitted about 2 years ago

    👾 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-anassPosted about 2 years ago

    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-anassPosted about 2 years ago

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

    1
  • anass sanba•450
    @sanba-anassPosted about 2 years ago

    @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-anassPosted about 2 years ago

    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