All solutions

👋🏻 Hello everyone. This is my solution for the Blog preview card.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the FAQ accordion.

In this challenge, I tried to make the accordion component fully accessible, using all the specifications defined by the ARIA Authoring Practices Guide (APG). I don't know if I did it in the best way possible, but I'm happy with the result.

Feel free to give your suggestion on how I can improve my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Minimalist portfolio website.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Typemaster pre-launch landing page.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Art gallery website challenge.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Clock app challenge.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Single-page developer portfolio.

This was a great project to discover some new things using the Framer Motion library.

I added:

• animation that reveal the content as soon as it appears on the screen;
• alert animation on form error message;
• a toast message that appears when submitting the form, which can show a success or error message.

Feel free to leave any tips or improvements to my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Body Mass Index calculator challenge.

In this challenge was the first time using the Framer Motion library.

I learned how to make animations when scrolling the page using the useInView and useAnimationControls hooks present in it, besides doing some animations for some other components.

I managed to understand some of the basic concept of the library, but I'm not sure if I did it correctly. So, if you have any tips or suggestions to improve my code, feel free to leave your comment on my solution.

Thanks! 😁

👋🏻 Hey guys! This is my solution for the Newsletter sign-up form with success message.

Finally another challenge completed after almost 4 months without being able to do them, because I was finishing my college.

I used React and StyledComponents to make this one and learned some more advanced StyledComponents concepts that I didn't know, like creating theme providers. 🎨

I hope to be able to take on new challenges again and learn even more about web development. 👨🏻‍💻

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the GitHub user search app.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Pod request access landing page.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Workit landing page.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Results summary component.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Meet landing page.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Dictionary web app.

This was my first time using React, and I'm really excited to learn more about this framework. I believe there is a lot to be improved in my code, so feel free to give me your feedback.

Note: for some reason the screenshot of the project has a bug in some colors, but on the website everything is normal. If anyone knows what could have caused this bug, please let me know here.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Equalizer landing page.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Skilled e-learning landing page.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Clipboard landing page.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Interactive card details form.

I spent a lot of time on this challenge trying to improve the code, I refactored it a few times 😅... but I still don't know if I reached the best solution for this. Therefore, feel free to leave your comments about my solution, especially my JS code.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Testimonials grid section.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Intro section with dropdown navigation.

In this project I used JavaScript only to control the menu functionality on mobile devices. For the dropdown navigation I chose to do it using only HTML and CSS.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the News homepage.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Interactive pricing component.

Feel free to leave your feedback on my solution.

Thanks! 😁

👋🏻 Hello everyone. This is my solution for the Calculator app.

Feel free to leave your feedback on my solution, especially the JavaScript code, as I don't know much about it and there must be something I can improve on.

Thanks! 😁