Submitted
Justine Lapura
@JustineLapura
All solutions
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud that I did manage to solve the validation logic and the small success message animation pop up every submit action.
What challenges did you encounter, and how did you overcome them?
The struggle that I encountered during this challenge was applying the right logic of form validation. Good thing there is an AI tool that can help me provide the suitable logic ton make the result more effective
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud that i did try to match the details as near as possible to the design, and also that I got to refresh my knowledge on designing tailwind CSS specially because I've been out of web development for a while.
What challenges did you encounter, and how did you overcome them?
My challenge was trying to recall my knowledge on how to design tailwind CSS again, because I've been out of web development for a while
Submitted
first was to apply the responsiveness where elements change places every screen sizes and also I did have to look for react image slider samples to build and apply to the website and also the complexity of the logic which can be also challenging but exciting at the same time and adding modals and pop ups are also fun and challenging as well to
Submitted
I was challenged to think of an approach for rendering notifications dynamically instead of just hardcoding them then also applied typescript for good practice then implementing the functionality for marking all notifications as read and changing its value to 0 and lastly just simple animations applied with framer-motion library.
Submitted
i got hard time positioning the image on a responsive screen then adding animations to the modal because they differ in sizes on responsive level
Submitted
I had a hard time identifying the tool to be used for fetching an api and use it for generating a new advice for every click o the button