Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

QR Code Component using React, Bootstrap, and ChatGPT

@rainof

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

  • I'm most proud of successfully creating a website from scratch for the first time. It was a challenging journey, and I’m really pleased with my perseverance, especially when I felt like giving up. I’m also grateful for the support from ChatGPT, which was a crucial resource in helping me navigate various obstacles.

  • Next time, I think I can complete a project more efficiently thanks to the foundational knowledge I've built from this experience. I also plan to focus on refining my code and improving the overall quality of the product as I continue to develop my skills.

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

  • I faced several challenges during this project, including managing the complexity of building a website from scratch and learning new technologies. One major hurdle was getting familiar with React and integrating it with Bootstrap. Additionally, ensuring the site was responsive across different devices proved challenging.

  • To overcome these issues, I leveraged ChatGPT for guidance and troubleshooting, which helped me address problems and clarify concepts. I also made use of online resources and documentation to better understand the tools and techniques required. By combining these strategies, I successfully navigated the challenges and completed the project.

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

I warmly welcome any positive feedback or constructive critiques. Your insights and suggestions are greatly appreciated as they will help me refine and enhance the project further.

Community feedback

Joewanaaa 80

@Joewanaaa

Posted

Great job! Have you tried making the same project using HTML, CSS and bootstrap only? I recommend it. But good job with the challenge. I honestly don't know how to use react yet. I think you're advance for this challenge :D

0

@rainof

Posted

@Joewanaaa Hello and thank you for your comment! I haven't tried making the same project using just HTML, CSS, and Bootstrap yet, but it's a great idea. I want to use React because it has been excellent for managing complex states and reusing components, making it good practice for my bigger future projects.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord