Skip to content
OverviewSolutions
22
Comments
6
Serah Nderi
@MundiaNderi

All comments

  • Sarah•280
    @Sarah-okoloSubmitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of how I asynchronously fetched an API in React and rendered a component with the data from the API.

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

    I had issues displaying the JSON data. I eventually figured out that it was because I did not place the file in the public folder of the project's directory.

    Responsive result summary component using React and Vite

    1
    Serah Nderi•450
    @MundiaNderiPosted 2 months ago

    I love the structure and the use of the gradient -2 choice of colours.

    1
  • Arthur Williams•125
    @ArthurWiliamsSubmitted over 1 year ago

    The solution is finally done after what feels like an eternity.

    The most difficult thing for me was validating the fields and displaying proper errors. The way I went about it was to define a prop that is a function and it would return either a string if there was an error or null otherwise.

    If it's an error the field UI would reflect that error while at the same time the field component would emit that error to the parent so that other components would reflect that error as well. Because of this I have to define a validation function for every field each with there own validation logic.

    I can't help but feel like the way I'm structuring things is wrong.

    If you have a way to structure the validating code or simply an advice please do leave some feedback.

    Thanks.

    Tip calculator built with Vue and Tailwindcss

    1
    Serah Nderi•450
    @MundiaNderiPosted 2 months ago

    Looks super neat and close to the design.

    0
  • Serah Nderi•450
    @MundiaNderiPosted 2 months ago

    Love your solution. The screenshot shows it's so close to the design.

    0
  • Serah Nderi•450
    @MundiaNderiPosted 7 months ago

    This is a good start. Try moving the js folder away from the assets folder into the root folder. You can explore the use of "hidden" css class or "display: none", "display:block" or "display:flex" to conditionally render the subscribe and success sections.

    Marked as helpful
    0
  • Jordan Davenport•970
    @jjdavenportSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Learning how to use CSS position.

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

    Positioning the desktop share box was the most difficult, I had to learn CSS positioning and how it works in relation to parent elements and problems created by overflow.

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

    Any feedback on my JS functions would be helpfull.

    Article preview component with JS

    1
    Serah Nderi•450
    @MundiaNderiPosted 7 months ago

    I love the downward facing arrow feature. How were you able to achieve that ?

    1
  • Loretta•50
    @lucky-loreSubmitted 11 months ago

    -------- All Frontend Mentor Challenges --------

    Hello there! 👋

    I'm a professional React developer working through the challenges from Frontend Mentor. 3 years ago doing the Guru projects landed me a job and I am coming back to finish all the challenges as a hobby. I'm methodically progressing through these challenges, starting with the free versions, and gradually working up to the premium ones.

    -------- My Journey 🚀 --------

    • Current Phase: Completing all Newbie Free projects.
    • End of Current Phase: Code revision and optimization (E.g. Componentization/modularization)
    • Next Steps: Moving onto Junior, Intermediate, Advanced, and finally the Guru levels.
    • Premium Challenges: After completing the free versions, I'll tackle the premium challenges.
    • End Phase: Code revision and optimization (E.g. Adding service workers, web workers, optimizing accessibility, refactoring projects to support PWAs)

    -------- Repository Overview 📚 --------

    The repository is a Lenra Monorepo. Each project in /packages is hosted on Vercel. The live versions you can find in the README.md

    • Project Status: In Progress 🚧
    • Number of Challenges Completed: 5

    🔗 Repository Link

    -------- Project Structure --------

    Each project is housed in its own folder in the packages directory and contains all the necessary files. Feel free to explore.

    -------- Stack That I will be using for the projects --------

    • NextJS
    • Zustand
    • React Query
    • Tailwind CSS

    -------- Future Plans 🌟--------

    • Code Optimization: Once all Newbie Free challenges are completed, I plan to revisit each project. I'll focus on optimizing the code, implementing Progressive Web Apps (PWA), enhancing accessibility, and general code clean-up.
    • Timeframe: Due to my busy schedule, I'm aiming to complete these challenges ASAP. Your understanding and support are much appreciated!

    -------- Connect with Me and Support My Journey! 🤝--------

    • Star the Repo: If you find my work valuable or interesting, please give it a star! ⭐
    • Follow Me on GitHub: Stay updated with my progress and latest projects by following me here.

    Your support and feedback are crucial to my growth as a developer. Let's connect and embark on this coding journey together!

    Thank you for stopping by! 🙏

    [NextJS, Tailwind CSS] - Order Summary Component

    2
    Serah Nderi•450
    @MundiaNderiPosted 11 months ago

    Happy to learn that the Guru projects landed you a job in the past. Really inspiring to newbies like me. I just started learning React and I hope to start practicing with Frontend Mentor.

    Cheers!

    1