All solutions

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

In this challenge I used react-hook-form library for data capture and form validation then display error messages based on the type of input error. I also stored the remaining data on a local state since some of the fields on the form are not <input> fields such as the AM/PM "select input" and number of people.

I then used GSAP for animation as some elements' animations are highly dependent on the changing of states rather than the rendering of each component.

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

In this challenge I decided to use Vanilla CSS for styling using BEM methodology just so I can practice CSS fundamentals. I also used Next.js as React framework.

To generate dynamic routes/pages I used the built in getStaticProps() and getStaticPaths() functions and used the provided data.json file as basis.

I also then used GSAP for animation as elements' animations are highly dependent on the changing of states rather than the rendering of each component.

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

In this challenge I chose to do it in vanilla CSS and JavaScript and used different APIs to get the time, timezone, and IP location of the user. The IP location API won't work on the live site URL as I used a free version from https://ip-api.com/ and don't have API key and SSL. It will work fine on your local computer.

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge after a few months. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

This is my first time trying dynamic changes using React, the validator library was very useful in the email validation part but I just have a couple of questions:

• I want to display the error message based on formData.isValid state from CTA component on submit and not by explicitly checking if validator.isEmail(formData.email) is true (which also runs all the time when the value is changed as the form input's state is managed by React)

• How do you conditionally render the error message by only showing it based on the formData.isValid state, at the moment it shows directly on load; I tried changing the formData.isValid`` value by checking if validator.isEmail(formData.email)is true on thehandleSubmit``` function but it only run once when the said state is changed by submitting a valid email and doesn't run again after when I tried testing with an invalid email.

Would really appreciate if you can help me with the queries above 🙏🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

UPDATE:

I have solved the questions above, I just set up an error state and made it work!

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

Super proud on this one because it is my first solution using React, it's a bit of an over kill but for practice purposes I added a Testimonials component instead of just putting everything to the App component.

I also realized how frontend libraries like React make life easier from development to production, I can't wait to learn and grasp more about React and its magic!

One more thing, I already added an <h1> tag and hid it out of view but the report still says there's an error, if someone can tell me why it will be much appreciated.

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

At first it was hard for me to figure out how to set the countdown timer's days, hours, mins, and secs relative to the time the user visits the page but luckily found a template here: https://www.w3schools.com/howto/howto_js_countdown.asp

I just then set the launch date to the specific given number respectively.

Nonetheless, feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!

Hey everyone!

I just completed another challenge. 🤘🏽

Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

Happy coding!