Varshitha713 · Vidya2407 · Aug 18, 2025 · Aug 23, 2025 · Sep 6, 2025
diff --git a/Contributing.md b/Contributing.md
@@ -33,7 +33,15 @@ 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.
+Follow the **project structure** strictly:
+
+- Keep `index.html` at the root.
+- Place CSS & JS files inside the `src/` folder.
+- Store images, icons, and fonts inside the `assets/` folder.
+- Add configuration files (like ESLint, Prettier, etc.) in the `config/` folder if needed.
+- Write or update test files inside the `tests/` folder.
+
+After making changes, test them locally by opening `index.html` in your browser.
 
 ### 6. Commit your changes
 Write a meaningful commit message:

diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 # CodeCanvas: Discover, Share, and Get Inspired! ✨
 
-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.
+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)
 
@@ -105,6 +105,18 @@ CodeCanvas is built with the foundational technologies of web development, ensur
 <div align="center">
   <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
 </div>
+## Project Structure 📂
+
+CodeCanvas/
+│── index.html          # Entry point of the project
+│── src/                # Core CSS and JS files
+│   ├── css/            # Stylesheets
+│   └── js/             # Scripts
+│── assets/             # Images, icons, fonts
+│── tests/              # Test files
+│── config/             # Configuration files
+│── README.md           # Documentation
+│── CONTRIBUTING.md     # Contribution guidelines
 
 ## Open Source Ready Features ✅
 
@@ -155,6 +167,7 @@ We'd love for you to contribute to CodeCanvas! Here's how you can get started:
 <div align="center">
   <img src="https://user-images.githubusercontent.com/74038190/212284115-f47cd8ff-2ffb-4b04-b5bf-4d1c14c0247f.gif" width="1000">
 </div>
+Please refer to our [Contributing Guidelines](CONTRIBUTING.md) for more detailed instructions.
 
 ### 🙌 **Thank You, Contributors!**
 

diff --git a/index.html b/index.html
@@ -16,7 +16,13 @@
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
   <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
   <link rel="stylesheet" href="style.css" />
+ chore/restructure-readme
+
+  <link rel="stylesheet" href="./src/style.css" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
 
+
+ master
 </head>
 
 <body>
@@ -283,6 +289,14 @@ <h2 class="section-title" style="font-size: 3rem; text-align: center; margin-bot
 
   </section>
 
+    <div id="message-overlay">
+      <div class="overlay-content">
+        <i class="fas fa-check-circle"></i>
+        <p>Message Delivered</p>
+      </div>
+    </div>
+  </main>
+  <script src="./src/script.js"></script>
 
   <div id="message-overlay">
     <div class="overlay-content">

diff --git a/script.js → src/script.js b/script.js → src/script.js
diff --git a/style.css → src/style.css b/style.css → src/style.css