Merge branch 'Varshitha713:master' into master

Author: DileepKrishnaM

Contributing.md

@@ -0,0 +1,88 @@
+# Contributing Guidelines
+
+Thank you for considering contributing to **CodeCanvas**! ✨  
+We welcome contributions that help improve features, fix bugs, add documentation, or enhance the user experience.
+
+---
+
+## 🛠 How to Contribute
+
+### 1. Fork the repository
+Click the **Fork** button on the top-right of the repository page on GitHub.
+
+### 2. Clone your fork
+Clone your forked repository to your local machine:
+
+```bash
+git clone https://github.com/<your-username>/CodeCanvas.git
+cd CodeCanvas
+```
+
+### 3. Add the upstream (only once)
+To stay up to date with the original repository:
+
+```bash
+git remote add upstream https://github.com/<original-owner>/CodeCanvas.git
+```
+
+### 4. Create a new branch
+Always create a branch for your changes:
+
+```bash
+git checkout -b feature-name
+```
+
+### 5. Make your changes
+Follow the **code structure** of the project. Test your changes locally by opening `index.html` in your browser.
+
+### 6. Commit your changes
+Write a meaningful commit message:
+
+```bash
+git add .
+git commit -m "Add: description of your changes"
+```
+
+### 7. Keep your fork updated
+Before pushing, fetch and rebase with upstream:
+
+```bash
+git fetch upstream
+git rebase upstream/main
+```
+
+Resolve any conflicts if prompted.
+
+### 8. Push and open a Pull Request
+Push your branch:
+
+```bash
+git push origin feature-name
+```
+
+Then open a Pull Request from your fork to the main repository.
+
+---
+
+## 💡 Tips for Contributions
+
+- Make small, focused pull requests.
+- Write clear commit messages.
+- Ensure your code runs without errors locally.
+- Update the documentation (README/CONTRIBUTING) if required.
+
+---
+
+## 📜 Code of Conduct
+
+By participating in this project, you agree to abide by our [Code of Conduct](CODE_OF_CONDUCT.md).
+
+---
+
+## 🤝 Need Help?
+
+If you face any difficulty while contributing, feel free to open an issue or reach out to the maintainers.
+
+---
+
+Happy Coding! 🎉

README.md

@@ -2,16 +2,86 @@
 
 Welcome to **CodeCanvas**, a vibrant community platform where developers from around the globe can showcase their amazing front-end projects, get inspired, and connect with fellow creators. Whether you're a seasoned pro or just starting your journey, this is the perfect place to share your creativity and explore innovative designs.
 
+[![Open Source](https://badges.frapsoft.com/os/v1/open-source.svg?v=103)](https://github.com/Varshitha713/CodeCanvas)
+
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
+
 ## About the Project 🌟
 
 CodeCanvas aims to be a go-to hub for front-end developers to display their work, discover new techniques, and foster a collaborative environment. We believe in the power of sharing and learning from each other, making front-end development more accessible and exciting for everyone.
 
-##SCREENSHOTS
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
+
+**📊 Project Insights**
+<table align="center">
+    <thead align="center">
+        <tr>
+            <td><b>🌟 Stars</b></td>
+            <td><b>🍴 Forks</b></td>
+            <td><b>🐛 Issues</b></td>
+            <td><b>🔔 Open PRs</b></td>
+            <td><b>🔕 Closed PRs</b></td>
+            <td><b>🛠️ Languages</b></td>
+            <td><b>👥 Contributors</b></td>
+        </tr>
+     </thead>
+    <tbody>
+         <tr>
+            <td><img alt="Stars" src="https://img.shields.io/github/stars/Varshitha713/CodeCanvas?style=flat&logo=github"/></td>
+            <td><img alt="Forks" src="https://img.shields.io/github/forks/Varshitha713/CodeCanvas?style=flat&logo=github"/></td>
+            <td><img alt="Issues" src="https://img.shields.io/github/issues/Varshitha713/CodeCanvas?style=flat&logo=github"/></td>
+            <td><img alt="Open PRs" src="https://img.shields.io/github/issues-pr/Varshitha713/CodeCanvas?style=flat&logo=github"/></td>
+            <td><img alt="Closed PRs" src="https://img.shields.io/github/issues-pr-closed/Varshitha713/CodeCanvas?style=flat&color=critical&logo=github"/></td>
+            <td><img alt="Languages Count" src="https://img.shields.io/github/languages/count/Varshitha713/CodeCanvas?style=flat&color=green&logo=github"></td>
+            <td><img alt="Contributors Count" src="https://img.shields.io/github/contributors/Varshitha713/CodeCanvas?style=flat&color=blue&logo=github"/></td>
+        </tr>
+    </tbody>
+</table>
+
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
+
+<h2 align="center">🎯 Open Source Programmes ⭐</h2>
+
+<p align="center">
+  <b>This project is now OFFICIALLY accepted for:</b>
+</p>
+
+![GSSoC Logo](https://github.com/Varshitha713/CodeCanvas/blob/master/assets/gssoc%20logo.png)
+
+🌟 **Exciting News...**
+
+🚀 This project is now an official part of GirlScript Summer of Code – GSSoC'25! 💃🎉💻 We're thrilled to welcome contributors from all over India and beyond to collaborate, build, and grow CodeCanvas. Let’s make learning and career development smarter – together! 🌟👨‍💻👩‍💻
+
+👩‍💻 GSSoC is one of India’s **largest 3-month-long open-source programs** that encourages developers of all levels to contribute to real-world projects 🌍 while learning, collaborating, and growing together. 🌱
+
+🌈 With **mentorship, community support**, and **collaborative coding**, it's the perfect platform for developers to:
+
+✨ Improve their skills
+🤝 Contribute to impactful projects
+🏆 Get recognized for their work
+📜 Receive certificates and swag!
+
+🎉 **I can’t wait to welcome new contributors** from GSSoC 2025 to this CodeCanvas project family!
+Let's build, learn, and grow together — one commit at a time. 🔥👨‍💻👩‍💻
+
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
+
+## SCREENSHOTS
 
 <img width="1848" height="873" alt="image" src="https://github.com/user-attachments/assets/70fc2f4c-d973-4821-951d-15247f791402" />
 <img width="1892" height="873" alt="image" src="https://github.com/user-attachments/assets/489c2b11-3ad2-4d48-a535-3567df34bdf6" />
 
-
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
 
 ## Features 🚀
 
@@ -20,6 +90,10 @@ CodeCanvas aims to be a go-to hub for front-end developers to display their work
 * **Get Inspired:** Find inspiration for your next project by exploring creative designs and innovative solutions.
 * **Open Source Ready:** Built with an open-source mindset, making it easy for contributions and future enhancements.
 
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
+
 ## Tech Stack 💻
 
 CodeCanvas is built with the foundational technologies of web development, ensuring simplicity and broad compatibility:
@@ -28,17 +102,29 @@ CodeCanvas is built with the foundational technologies of web development, ensur
 * **CSS:** For styling the user interface, creating an engaging and responsive design.
 * **JavaScript:** For adding interactivity and dynamic functionalities to the platform.
 
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
+
 ## Open Source Ready Features ✅
 
 This project is meticulously designed to be **excellent for open source contributions**. We've focused on simplicity, clarity, and extensibility to ensure a smooth experience for anyone looking to contribute.
 
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
+
 ### Contribution-Friendly 👋
 
 * **Clear structure for adding new features:** We have a straightforward approach for integrating new functionalities.
 * **Sample data that's easy to expand:** Our project data is simple to understand and extend, making it easy to add more projects.
 * **Responsive design foundation:** The project is built with a responsive foundation, ensuring a great experience across various devices.
 * **Modern coding practices:** We adhere to contemporary coding standards for clean, efficient, and maintainable code.
 
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
+
 ## Growth Potential 🌱
 
 We envision CodeCanvas growing into a comprehensive platform, and we welcome contributions that can help us achieve this vision. Here are some areas where contributors can easily add value:
@@ -51,6 +137,10 @@ We envision CodeCanvas growing into a comprehensive platform, and we welcome con
 * **💾 Database integration:** Integrate a database to manage and scale project data more effectively.
 * **📱 PWA features:** Enhance the user experience with Progressive Web App functionalities for offline access and improved performance.
 
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
+
 ## How to Contribute 🤝
 
 We'd love for you to contribute to CodeCanvas! Here's how you can get started:
@@ -62,12 +152,73 @@ We'd love for you to contribute to CodeCanvas! Here's how you can get started:
 5. **Commit** your changes and **push** them to your forked repository.
 6. Create a **pull request** to the `main` branch of this repository, describing your contributions.
 
-Please refer to our `CONTRIBUTING.md` (coming soon!) for more detailed guidelines.
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
+
+### 🙌 **Thank You, Contributors!**
+
+Thanks to these amazing people who have contributed to the **CodeCanvas** project:
+
+  We love our contributors! If you'd like to help, please check out our [`CONTRIBUTING.md`](https://github.com/Varshitha713/CodeCanvas/blob/master/Contributing.md) file for more detailed guidelines.
+
+<!-- readme: contributors -start -->
+<p align="center">
+    <img src="https://api.vaunt.dev/v1/github/entities/Varshitha713/repositories/CodeCanvas/contributors?format=svg&limit=54" width="500" />
+</p>
+<!-- readme: contributors -end -->
+
+<p style="font-family:var(--ff-philosopher);font-size:3rem;"><b> Show some <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Red%20Heart.png" alt="Red Heart" width="40" height="40" /> by starring this awesome repository!
+</p>
+
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
+
+## 📬 Get in Touch 💬
+
+For questions, suggestions, or collaboration, reach out via [LinkedIn](https://www.linkedin.com/in/varshitha-macha/) or [open an issue](https://github.com/Varshitha713/CodeCanvas/issues) 
+
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
+
+## 💡 Suggestions & Feedback
+
+Feel free to open issues or discussions if you have any feedback, feature suggestions, or want to collaborate or connect with us through our community channels (links coming soon)!
+
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
+
+## 📄 License
+
+The project license for CodeCanvas `Coming Soon` 
+
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
+
+<h1 align="center"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/Glowing%20Star.png" alt="Glowing Star" width="25" height="25" /> Give us a Star and let's make magic! <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Travel%20and%20places/Glowing%20Star.png" alt="Glowing Star" width="25" height="25" /></h1>
+<div align="center">
+     <img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Objects/Mirror%20Ball.png" alt="Mirror Ball" width="150" height="150" />
+</div>
 
-## Get in Touch 💬
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
 
-Have questions, suggestions, or just want to say hi? Feel free to open an issue in this repository or connect with us through our community channels (links coming soon!).
+<h2>Project Admin:</h2>
+<table>
+<tr>
+<td align="center">
+<a href="https://github.com/Varshitha713"><img src="https://avatars.githubusercontent.com/u/132129385?v=4" height="140px" width="140px" alt="Macha Varshitha"></a><br><sub><b>Macha Varshitha</b><br><a href="https://www.linkedin.com/in/varshitha-macha/"><img src="https://github-production-user-asset-6210df.s3.amazonaws.com/73993775/278833250-adb040ea-e3ef-446e-bcd4-3e8d7d4c0176.png" width="45px" height="45px"></a></sub>
+</td>
+</tr>
+</table>
 
-## License 📄
+<div align="center">
+  <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
+</div>
 
-This project is licensed under the MIT License - see the `LICENSE` file for details.
+> [🔝 Back to Top](#top)