@MundiaNderi
@Sarah-okolo
Submitted
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.
@MundiaNderi
Posted
I love the structure and the use of the gradient -2 choice of colours.
@ArthurWiliams
Submitted
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.
@MundiaNderi
Posted
Looks super neat and close to the design.
@MesrouaDjamel
Submitted
@MundiaNderi
Posted
Love your solution. The screenshot shows it's so close to the design.
@pouyasdz
Submitted
@MundiaNderi
Posted
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
@jjdavenport
Submitted
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.
@MundiaNderi
Posted
I love the downward facing arrow feature. How were you able to achieve that ?
@lucky-lore
Submitted
-------- 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 🚀 --------
-------- 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 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 --------
-------- Future Plans 🌟--------
-------- Connect with Me and Support My Journey! 🤝--------
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! 🙏
@MundiaNderi
Posted
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!
