beRajeevKumar / Frontend_Mentor

Sharpen Your Frontend Development Expertise with Frontend Mentor Challenges.
https://openfrontendmentor.netlify.app/
MIT License
54 stars 143 forks source link
api bootstrap bootstrap5 css git github gssoc gssoc-ext gssoc24 gssoc24extd hacktoberfest hacktoberfest-accepted hacktoberfest-approved hacktoberfest2024 html html-css-javascript javascript reactjs scss

Frontend Mentor Projects 🚀

Frontend Mentor is an excellent platform for front-end developers who want to improve their skills and build real-world projects. It offers a range of challenges that cater to different skill levels and provides resources and support to help developers learn and grow their skills in HTML, CSS, and JavaScript.

Click here to checkout my Frontend Mentor Profile.

About the Journey

Listing of all the projects

S.No Name of the Project Live Project View Source Code Read Blog
1. Community Card [Project Demo]() [Project Code]() [Read Blog]()
2. E-Commerce Product Page [Project Demo]() [Project Code]() [Read Blog]()
3. Testimonials Grid Section [Project Demo]() [Project Code]() [Read Blog]()
4. News Homepage Website [Project Demo]() [Project Code]() [Read Blog]()
5. Chat App CSS Illustration [Project Demo]() [Project Code]() [Read Blog]()
6. Advice Generator App [Project Demo]() [Project Code]() [Read Blog]()
7. Base Apparel Coming Soon [Project Demo]() [Project Code]() [Read Blog]()
8. Article Preview Component [Project Demo]() [Project Code]() [Read Blog]()
9. Huddle Landing Page [Project Demo]() [Project Code]() [Read Blog]()
10. Stats Preview Card [Project Demo]() [Project Code]() [Read Blog]()
11. Huddle Introductory Section [Project Demo]() [Project Code]() [Read Blog]()
12. Order Summary Component [Project Demo]() [Project Code]() [Read Blog]()
13. Three Column Cards [Project Demo]() [Project Code]() [Read Blog]()
14. Clipboard Landing Page [Project Demo]() [Project Code]() [Read Blog]()
15. Profile Card Component [Project Demo]() [Project Code]() [Read Blog]()
16. Fylo Two Column Layout [Project Demo]() [Project Code]() [Read Blog]()
17. Product Preview Card [Project Demo]() [Project Code]() [Read Blog]()
18. Intractive Rating Card [Project Demo]() [Project Code]() [Read Blog]()
19. NFT Preview Card [Project Demo]() [Project Code]() [Read Blog]()
20. Social Proof Section [Project Demo]() [Project Code]() [Read Blog]()
21. Single Price Grid Component [Project Demo]() [Project Code]() [Read Blog]()
22. QR Code Component [Project Demo]() [Project Code]() [Read Blog]()
22. SHOE WEBSITE [Project Demo]() [Project Code]() [Read Blog]()

Tech stack

Continuous Learning & Development

I am committed to an ongoing journey of improvement and expansion of my skills. To become a well-rounded full-stack developer, I will:

By consistently investing in my development and exploring new technologies, I will position myself as a well-rounded, adaptable, and highly valuable full-stack developer.

Useful Resources & Courses

⚙️ How to get started with the code

  1. Fork the repository
  2. Clone it on ur local Machine: git clone https://github.com/Your_Github_username/Frontend_Mentor.git
  3. Create New Branch: git branch -c "New Branch Name"
  4. Navigate to the New Branch: git checkout"New Branch Name"
  5. Make your changes and Commit them: git commit -m "Add Some feature"
  6. Push the Branch: git push origin New Branch
  7. Open Pull requestto main Repository and Submit.

I would recommend everyone to check out the official resources for HTML, CSS, and JavaScript, as well as the Udemy courses that cover Web Development, JavaScript, React, and Node.js - these are all amazing and valuable learning materials to enhance your skills as a developer.

Author

Acknowledgments

I would like to thank Frontend Mentor for providing such an amazing platform to practice my coding skills. I would also like to thank the community for providing feedback on my projects and helping me improve my coding skills. Additionally, I'm thankful to my go-to YouTube channels, official docs, Stack Overflow, Udemy courses, and especially the wonderful instructors whose guidance has been crucial throughout this journey.

License

This project is licensed under the MIT LICENSE.

Our Contributors

-----------------------------------------------------

Stargazers ❤️

[![Stargazers repo roster for @beRajeevKumar/Frontend_Mentor](https://reporoster.com/stars/beRajeevKumar/Frontend_Mentor)](https://github.com/beRajeevKumar/Frontend_Mentor/stargazers)

Forkers ❤️

Forkers repo roster for @beRajeevKumar/Frontend_Mentor

-----------------------------------------------------

Happy Coding 👨‍💻