Multi-Language Support Using Language Translator

frontend/src/App.js

@@ -1,74 +1,3 @@
-import React, { useState, useEffect } from "react";
-import { Routes, Route, Navigate } from "react-router-dom"; 
-import { useLocation } from "react-router-dom"; 
-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 ForgotPassword from "./components/ForgotPassword/ForgotPassword.js";
-import Footer from "./components/Footer/Footer.js";
-import About from "./pages/About/About.js";
-import Loan from "./pages/Loan/Loan.js";
-import Dashboard from "./pages/Dashboard/Dashboard.js";
-import Contact from "./pages/Contact/Contact.js";
-import Error from "./pages/Error/index.js";
-import ContributorsPage from "./pages/Contributor/ContributorsPage.jsx";
-import Preloader from "./pages/Preloader/Preloader.jsx";
-
-function App() {
-  const location = useLocation();
-
-  // Preloader logic
-  const [isPreloaderVisible, setIsPreloaderVisible] = useState(true);
-
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setIsPreloaderVisible(false);
-    }, 5000); // Preloader visible for 5 seconds
-
-    return () => clearTimeout(timer);
-  }, []);
-
-  return (
-    <>
-      {isPreloaderVisible ? (
-        <Preloader />
-      ) : (
-        <div>
-          {location.pathname !== "/page-not-found" && <Navbar />}
-          <main>
-            <Routes>
-              <Route path="/" element={<Hom />} />
-              <Route path="/loan" element={<Loan />} />
-              <Route path="/dashboard" element={<Dashboard />} />
-              <Route path="/about" element={<About />} />
-              <Route path="/educ" element={<Educ />} />
-              <Route path="/sef" element={<Sef />} />
-              <Route path="/craft" element={<Craft />} />
-              <Route path="/quiz" element={<Quiz />} />
-              <Route path="/act" element={<Act />} />
-              <Route path="/login" element={<Login />} />
-              <Route path="/signup" element={<Signup />} />
-              <Route path="/forgot-password" element={<ForgotPassword />} />
-              <Route path="/contact" element={<Contact />} />
-              <Route path="/page-not-found" element={<Error />} />
-              <Route path="/contributors" element={<ContributorsPage />} />
-              <Route path="*" element={<Navigate to="/page-not-found" replace />} />
-            </Routes>
-          </main>
-          {(location.pathname !== "/login" &&
-            location.pathname.toLowerCase() !== "/signup" &&
-            location.pathname.toLowerCase() !== "/forgot-password" &&
-            location.pathname.toLowerCase() !== "/page-not-found") && <Footer />}
-        </div>
-      )}
-    </>
-  );
-}
-
-export default App;
+version https://git-lfs.github.com/spec/v1
+oid sha256:6ad0afe06cfce969e1b2bbfce598784cf5a5b4a54e1c8c901a83422afe074e90
+size 2969

frontend/src/components/Act/Act.js

@@ -1,123 +1,3 @@
-import React from 'react'
-import {useNavigate } from 'react-router-dom'
-import {
-  MDBCard,
-  MDBCardTitle,
-  MDBCardText,
-  MDBCardBody,
-  MDBCardImage,
-  MDBRow,
-  MDBCol
-} from 'mdb-react-ui-kit';
-function Act ()  {
-
-  const navigate = useNavigate();
-  const [goToSef, setGoToQuiz] = React.useState(false);
-  const [goToAct, setGoToCraft] = React.useState(false);
-
-  if (goToSef) {
-    return navigate('/quiz');
-  }
-
-  if (goToAct) {
-    return navigate('/craft');
-  }
-    return (
-
-
-    <div style={{ backgroundImage: 'url("./images/e21.jpg")', backgroundSize: 'cover', backgroundPosition: 'center' }}>
-    <main>
-
-
-  <section  >
-       <div class="py-5">
-        <div className="container">
-     <div className="col">
-     <h1 align="center" >Activity Based Learning</h1>
-     <div class="py-5">
-
-       </div>
-
-       <div>
-  <MDBCard style={{ maxWidth: '700px', margin: 'auto', marginBottom: '200px', borderRadius : '5px',borderColor : 'black', backgroundColor :'#009688',}}>
-    <MDBRow className='g-0'>
-      <MDBCol md='4'>
-        <MDBCardImage src='./images/e16.png' alt='...' fluid style={{ height: '100%',width :'auto'}}/>
-      </MDBCol>
-      <MDBCol md='8'>
-        <MDBCardBody>
-        <div class="card-header" style={{backgroundColor : 'lightblue'}}>
-          <MDBCardTitle className='card-title' align='center' style={{fontWeight :'bold' }} >General Knowledge Quiz</MDBCardTitle>
-          </div>
-          <div class="py-5">
-          <MDBCardText className='card-text' style={{color :'white' }} >
-           Solve interesting quizes, test your knowledge and enjoy learning.
-          </MDBCardText>
-          </div>
-          <div class="py-2">
-          <button type="button" class="btn btn-primary" onClick ={() =>{ setGoToQuiz(true);}}>Test Now</button>
-          </div>
-
-        </MDBCardBody>
-      </MDBCol>
-    </MDBRow>
-  </MDBCard>
-
-
-
-
-</div>
-<div>
-  <MDBCard style={{ maxWidth: '700px', margin: 'auto', marginBottom: '200px', borderRadius : '5px',borderColor : 'black', backgroundColor :'#00897B'}}>
-    <MDBRow className='g-0'>
-      <MDBCol md='4'>
-        <MDBCardImage src='./images/e15.png' alt='...' fluid style={{ height: '100%',width :'auto'}} />
-      </MDBCol>
-      <MDBCol md='8'>
-        <MDBCardBody>
-        <div class="card-header" style={{backgroundColor : 'lightblue'}}>
-          <MDBCardTitle className='card-title' align='center' style={{fontcolor :'white',fontWeight :'bold' }}>Art and Craft </MDBCardTitle>
-          </div>
-          <div class="py-5">
-          <MDBCardText className='card-text' style={{color :'white' }}>
-          Outshine with your creativity and learn arand craft frrom best out of waste.
-          </MDBCardText>
-          </div>
-          <div class="py-2">
-          <button type="button" class="btn btn-primary"onClick ={() =>{ setGoToCraft(true);}}>Explore Now</button>
-          </div>
-          <div>
-
-          </div>
-        </MDBCardBody>
-      </MDBCol>
-    </MDBRow>
-  </MDBCard>
-
-
-
-
-</div>
-
-
-
-
-   </div>
-   </div>
-   </div>
-   </section>
-
-
-   </main>
-
-   <footer style={{ backgroundColor: '#333', color: '#fff', padding: '20px', textAlign: 'center' }}>
-      <p>&copy; Edu@enyanjyoti. All rights reserved.</p>
-    </footer>
-         </div>
-
-
-
-  );
-};
-
-export default Act;
+version https://git-lfs.github.com/spec/v1
+oid sha256:d61206153b88d51837580169669dffa09eaaf907b297aad23cb4e5b8dc3974ef
+size 3329

frontend/src/components/Craft/Craft.js

@@ -1,116 +1,3 @@
-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;
+version https://git-lfs.github.com/spec/v1
+oid sha256:2b80ab5f95ed9973bace654f83de17928a4d7f6bc4c277a1454963d30d9a2197
+size 5543