Merge pull request #54 from rko0211/directoryStructure

Update the entire directory structure
Vin205 · Oct 5, 2024 · 1b8d41f · 1b8d41f
2 parents a6187a2 + e98f9e9
commit 1b8d41f
Show file tree

Hide file tree

Showing 31 changed files with 157 additions and 125 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -20,6 +20,7 @@
     "react": "^18.2.0",
     "react-bootstrap": "^2.10.1",
     "react-dom": "^18.2.0",
+    "react-icon": "^1.0.0",
     "react-icons": "^5.3.0",
     "react-native-linear-gradient": "^2.8.3",
     "react-redux": "^9.1.2",

diff --git a/src/App.js b/src/App.js
@@ -1,16 +1,16 @@
 import React from "react";
 import { Routes, Route } from "react-router-dom"; // Resolved spacing issue
-import Navbar from "./Navbar.js";
-import Hom from "./Hom.js";
-import Educ from "./Educ.js";
-import Quiz from "./Quiz.js";
-import Craft from "./Craft.js";
-import Sef from "./Sef.js";
-import Act from "./Act.js";
-import Login from "./Login.js";
-import Signup from "./Signup.js";
-import Footer from "./Footer.js";
-import About from "./About.js";
+import Navbar from "./components/Navbar/Navbar.js";
+import Hom from "./pages/Home/Hom.js";
+import Educ from "./components/Education/Educ.js";
+import Quiz from "./components/Quiz/Quiz.js";
+import Craft from "./components/Craft/Craft.js";
+import Sef from "./components/Sef/Sef.js";
+import Act from "./components/Act/Act.js";
+import Login from "./components/Login/Login.js";
+import Signup from "./components/Signup/Signup.js";
+import Footer from "./components/Footer/Footer.js";
+import About from "./pages/About/About.js";
 
 function App() {
   return (

diff --git a/src/Craft.js b/src/Craft.js
diff --git a/src/Act.js → src/components/Act/Act.js b/src/Act.js → src/components/Act/Act.js
diff --git a/src/Car.js → src/components/Car/Car.js b/src/Car.js → src/components/Car/Car.js
diff --git a/src/Concep.js → src/components/Concept/Concep.js b/src/Concep.js → src/components/Concept/Concep.js
diff --git a/src/components/Craft/Craft.js b/src/components/Craft/Craft.js
@@ -0,0 +1,116 @@
+import React from 'react';
+import '../../pages/Home/Hom.css';
+
+
+function Craft() {
+
+  return (
+
+    <div >
+      <section className style={{ backgroundImage: 'url("./images/e20.jpg")', backgroundSize: 'cover', backgroundPosition: 'center' }}>
+        <div class='py-5'>
+          <div className="container">
+            <div className="col">
+              <div className="craftgradient_background">
+                <div className="container text-center">
+                  <h2 style={{ color: 'white' }}>Art and Craft</h2>
+                  <p>
+                    <em style={{ color: 'white' }}>Learn creative , become creative .</em>
+                  </p>
+                </div>
+              </div>
+              <div className="row">
+                <div className="col-md-4">
+                  <div className="py-5"></div>
+                  <div className="container">
+                    <h3 style={{ color: '#880E4F' }}>1. Wall Hanging - Bamboo Sticks</h3>
+                  </div>
+                  <div className="ratio ratio-16x9">
+                    <iframe src='https://www.youtube.com/embed/LxHbPB6usmc?si=R7Zzdo3di9qKoMhQ' title="Leadership" allowFullScreen></iframe>
+                  </div>
+                </div>
+                <div className="col-md-4">
+                  <div className="py-5"></div>
+                  <div className="container">
+                    <h3 style={{ color: '#E65100' }}>2.Home Decor- Old Diya DIY </h3>
+                  </div>
+                  <div className="ratio ratio-16x9">
+                    <iframe src="https://www.youtube.com/embed/SRCptSWG-DA?si=L3xTDbS01764kHpG" title="Stress Management" allowFullScreen></iframe>
+                  </div>
+                </div>
+                <div className="col-md-4">
+                  <div className="py-5"></div>
+                  <div className="container">
+                    <h3 style={{ color: '#01579B' }}>3.Ganesh Idol - Paper Clay</h3>
+                  </div>
+                  <div className="ratio ratio-16x9">
+                    <iframe src="https://www.youtube.com/embed/BNYcxrPr2v0?si=Awej0pbNQ2gd_maC" title="Critical Thinking" allowFullScreen></iframe>
+                  </div>
+                </div>
+                <div className="col-md-4">
+                  <div className="py-5"></div>
+                  <div className="container">
+                    <h3 style={{ color: '#827717' }}>4. Pen-Pencil holder - Waste Plastic bottles </h3>
+                  </div>
+                  <div className="ratio ratio-16x9">
+                    <iframe src="https://www.youtube.com/embed/VdohdU2uOBQ?si=T591z6HHAdJ6BgyV" title="Self-Awareness" allowFullScreen></iframe>
+                  </div>
+                </div>
+                <div className="col-md-4">
+                  <div className="py-5"></div>
+                  <div className="container">
+                    <h3 style={{ color: '#E57373' }}>5. Wall paintings - Broken Bangles</h3>
+                  </div>
+                  <div className="ratio ratio-16x9">
+                    <iframe src="https://www.youtube.com/embed/0aOLpHASf08?si=QAyZDYa0gB9vGqww" title="Time Management" allowFullScreen></iframe>
+                  </div>
+                </div>
+                <div className="col-md-4">
+                  <div className="py-5"></div>
+                  <div className="container">
+                    <h3 style={{ color: '#3E2723' }}>6. Beautiful Lantern - Waste items</h3>
+                  </div>
+                  <div className="ratio ratio-16x9">
+                    <iframe src="https://www.youtube.com/embed/BJuru6ozsIQ?si=-GEwVPxQsbmlWivA" title="Time Management" allowFullScreen></iframe>
+                  </div>
+                </div>
+                <div className="col-md-4">
+                  <div className="py-5"></div>
+                  <div className="container">
+                    <h3 style={{ color: 'blue' }}>7. Garden Planters - Coconut shells</h3>
+                  </div>
+                  <div className="ratio ratio-16x9">
+                    <iframe src="https://www.youtube.com/embed/ZHZ2KgXCwRE?si=Rv0zGyS5cErmDlnH" title="Time Management" allowFullScreen></iframe>
+                  </div>
+                </div>
+                <div className="col-md-4">
+                  <div className="py-5"></div>
+                  <div className="container">
+                    <h3 style={{ color: '#006064' }}>8. Table Decor's - Waste LED Bulbs </h3>
+                  </div>
+                  <div className="ratio ratio-16x9">
+                    <iframe src="https://www.youtube.com/embed/1or0k9TvsAc?si=4v-dTHYYbnKlDHJO" title="Time Management" allowFullScreen></iframe>
+                  </div>
+                </div>
+                <div className="col-md-4">
+                  <div className="py-5"></div>
+                  <div className="container">
+                    <h3 style={{ color: '#FF1744' }}>9.Flower Vase - Plastic Spoons</h3>
+                  </div>
+                  <div className="ratio ratio-16x9">
+                    <iframe src="https://www.youtube.com/embed/a2mT6FNWTOM?si=bUtmsT4OVUfH16FG" title="Time Management" allowFullScreen></iframe>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <footer style={{ backgroundColor: '#333', color: '#fff', padding: '20px', textAlign: 'center' }}>
+        <p>&copy; Edu@enyanjyoti. All rights reserved.</p>
+      </footer>
+    </div>
+  );
+}
+
+export default Craft;
diff --git a/src/Educ.js → src/components/Education/Educ.js b/src/Educ.js → src/components/Education/Educ.js
diff --git a/src/firebase.js → src/components/Firebase/firebase.js b/src/firebase.js → src/components/Firebase/firebase.js
diff --git a/src/Footer.js → src/components/Footer/Footer.js b/src/Footer.js → src/components/Footer/Footer.js
diff --git a/src/footer.css → src/components/Footer/footer.css b/src/footer.css → src/components/Footer/footer.css
diff --git a/src/Loan.js → src/components/Loan/Loan.js b/src/Loan.js → src/components/Loan/Loan.js
diff --git a/src/Login.js → src/components/Login/Login.js b/src/Login.js → src/components/Login/Login.js
diff --git a/src/Navbar.css → src/components/Navbar/Navbar.css b/src/Navbar.css → src/components/Navbar/Navbar.css
diff --git a/src/Navbar.js → src/components/Navbar/Navbar.js b/src/Navbar.js → src/components/Navbar/Navbar.js
diff --git a/src/Quiz.css → src/components/Quiz/Quiz.css b/src/Quiz.css → src/components/Quiz/Quiz.css
diff --git a/src/Quiz.js → src/components/Quiz/Quiz.js b/src/Quiz.js → src/components/Quiz/Quiz.js
diff --git a/src/Register.js → src/components/Register/Register.js b/src/Register.js → src/components/Register/Register.js
diff --git a/src/Sef.js → src/components/Sef/Sef.js b/src/Sef.js → src/components/Sef/Sef.js
diff --git a/src/Signup.js → src/components/Signup/Signup.js b/src/Signup.js → src/components/Signup/Signup.js
diff --git a/src/context/AppContext.js b/src/context/AppContext.js
diff --git a/src/hooks/useCustomHook.js b/src/hooks/useCustomHook.js
diff --git a/src/About.css → src/pages/About/About.css b/src/About.css → src/pages/About/About.css
diff --git a/src/About.js → src/pages/About/About.js b/src/About.js → src/pages/About/About.js
diff --git a/src/pages/Contact/Contact.css b/src/pages/Contact/Contact.css
diff --git a/src/Contact.js → src/pages/Contact/Contact.js b/src/Contact.js → src/pages/Contact/Contact.js
diff --git a/src/Hom.css → src/pages/Home/Hom.css b/src/Hom.css → src/pages/Home/Hom.css
diff --git a/src/Hom.js → src/pages/Home/Hom.js b/src/Hom.js → src/pages/Home/Hom.js
diff --git a/src/styles/main.css b/src/styles/main.css
diff --git a/src/utils/helpers.js b/src/utils/helpers.js