All solutions

What are you most proud of, and what would you do differently next time?

I'm proud of completing this challenge with TypeScript from the start and upgrading it to React with TypeScript and Framer motion. The game is available in multiple versions. 😊

Version Links:

• v3 (Latest): View here
• v2: View here
• v1: View here

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

Integrating TypeScript into a vanilla project and later upgrading to React with Framer motion were key challenges. I tackled these by utilizing documentation and community resources. 😌

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

I’m interested in feedback on advanced TypeScript and Framer motion techniques or other ways to enhance the user experience. Any tips are welcome! 🙂

Initially, I used Tailwind CSS for styling, but faced challenges with dynamic backgrounds. So, I switched to styled-components, and now, dynamic background images based on routes are a breeze!😊

Check it out, and I welcome any feedback. 🚀✨

Tech Stack🏗️

• React
• React router
• Styled components
• Vite

This project has been a testament to the transformative power of hands-on practice and continuous learning. Each step presented a unique blend of challenges and triumphs, deepening my understanding of React Hook Form and Redux Toolkit while refining my development skills and solidifying my grasp of these essential technologies.

Tech Stack🏗️

• React
• React Hook Form
• Styled Components
• Vite

Any feedback is greatly appreciated.😊

🌍I've just wrapped up building this web app. It was a journey filled with challenges and learning. I'm delighted with the outcome and can't wait to hear your thoughts! How did I do? Any feedback is greatly appreciated.😊

🚀 My First React Project 🚀

🙂This Todo app represents my first venture into React development. From exploring React fundamentals to utilizing Redux Toolkit for state management, it's a reflection of my journey into React development.

✋By the way, I implemented local storage functionality to ensure that the user data is saved, even after a page refresh.

Please let me know how was the solution. Any feedback or suggestions are highly appreciated.❤️

While maintaining the core functionality, I added my own touch to give the project a personalized design.🙂 I hope you all will like the solution. Any feedback or suggestions are highly appreciated.❤️

I thoroughly enjoyed this project.😊 It was a fantastic opportunity to strengthen my error handling skills, especially when dealing with APIs and providing feedback through popups. Separating functionalities into different JavaScript files made the codebase organized and easy to manage for me.😊👍

• See your own IP address on the map on the initial page load
• Search for any IP addresses or domains and see the key information and geolocation
• Bonus: Popup/Dialog - Get feedback popups when encountering errors or invalid inputs.

Hello guys!! I had an amazing time building this nested comment section using Vanilla JS. It took longer than I thought, but I'm happy with the outcome. Implementing the MVC and Pub-Sub patterns was both challenging and rewarding, allowing me to create an organized codebase. I also utilized Local Storage for persistence. It was a great project to put my JavaScript skills to the test and create a full-stack CRUD app. Any suggestion from you, would be really appreciated 😊

Key Features

• Create, Read, Update, and Delete comments and replies.
• Upvote and downvote comments.
• Bonus: Utilized localStorage to save the current state in the browser and persist when the browser is refreshed.
• Bonus: Instead of using the createdAt strings from the data.json file, I have used timestamps and dynamically track the time since the comment or reply was posted.
• Bonus: Dark mode toggler.

❤️It was enjoyable working on this project. If you have any thoughts on how I could improve my codes, please feel free to share. Thanks! 😊

😊Finally, it's done! I welcome any feedback or suggestions on how I can further improve the app. ❤️

😊I would love to hear your feedback on my project. I enjoyed designing the dropdown menu, and I'm always looking for ways to improve my work. Any feedback, positive or negative, is welcome.❤️

😊It's Done!❤️ I would love to hear your thoughts and suggestions on my solution. Feel free to provide any feedback or recommendations to help me improve. Thank you in advance for your time and input!👍

❤️Had fun doing this challenge. Open to any suggestions. 😊👍

• Bonus: I utilized the JSON file to dynamically fetch and present data.

❤️Please let me know your feedback on my solution to this challenge. Your input is greatly appreciated.😊

Initially, I aimed to incorporate a sliding animation for the testimonial slider; however, due to the need to maintain the relative positioning of the buttons and the image section, I decided to implement a fading animation instead.

❤️Open to suggestions and feedback for further improvements on this project.😊

❤️If you got any suggestions on how I could improve more, feel free to share, please. 😊

✨Bonus

• Dynamically size the bars based on JSON data
• Added two additional sample data
• Dark mode

❤️I had a lot of fun and learned while doing this project. If you got any suggestions on how I could improve more, feel free to share, please. 😊

😌Finally, I have completed this project, and I have a question for the community. How can I detect when a input field with the attribute type number is empty, and the user inputs non-numeric characters in JavaScript? I needed this information to show different errors at different states. Although I tried to find a solution, I couldn't do it, so I used the text attribute type for the card number, expiration date, and CVC input fields instead.

Thanks in advance!👍

My first Junior project with Javascript. Open to feedback! 😊👍

• Bonus: Dark Mode toggle
• Bonus: See the age numbers animate to their final number when the form is submitted

😊I'm open to any suggestions or constructive criticism! Let me know what you think. 👍

Bonus: Dark mode toggle

I would appreciate your feedback on any areas of my code that could be improved, as well as any questions about best practices. 🙏

Thanks in advance! 😊

Any suggestions on how I can improve would be really appreciated. 🙏

Bonus: Dark mode toggle 😎

Thank you!😊

Hi! Finally I finished this project today! As a JavaScript beginner, any suggestions on how I can improve would be really appreciated. 🙏

Bonus: Dark mode toggle

Thank you!😊

Hello! As a JavaScript beginner, any suggestions or feedback to improve the functionality or user experience of my project would be greatly appreciated. 🙏

Bonus Dark mode toggle.

Thank you!😊