Merge branch 'main' into iconFinder

backend/.dockerignore

@@ -0,0 +1,6 @@
+node_modules
+build
+.DS_Store
+.env
+.git
+.gitignore

backend/Dockerfile

@@ -0,0 +1,12 @@
+FROM node:alpine AS builder
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN npm install
+COPY . .
+
+FROM node:alpine
+WORKDIR /app
+COPY --from=builder /app /app
+RUN npm install
+EXPOSE 8000
+CMD ["npm","start"]

compose.yaml

@@ -0,0 +1,18 @@
+version: '3.8'
+
+services:
+  devlab-frontend:
+    build:
+      context: ./frontend
+    ports:
+      - "3000:3000"
+    env_file:
+      - ./frontend/.env
+
+  devlab-backend:
+    build:
+      context: ./backend
+    ports:
+      - "8000:8000"
+    env_file:
+      - ./backend/.env

frontend/.dockerignore

@@ -0,0 +1,6 @@
+node_modules
+build
+.DS_Store
+.env
+.git
+.gitignore

frontend/Dockerfile

@@ -0,0 +1,13 @@
+FROM node:alpine AS builder
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN npm install
+COPY . .
+RUN npm run build
+
+FROM node:alpine
+WORKDIR /app
+COPY --from=builder /app /app
+RUN npm install
+EXPOSE 3000
+CMD ["npm","start"]

frontend/src/App.js

@@ -1,6 +1,6 @@
 // App.js
-import React, { useState, useEffect } from "react";
-import { Route, Routes, BrowserRouter } from "react-router-dom";
+import React, { useState } from "react";
+import { Route, Routes } from "react-router-dom";
 
 // Components
 import "./App.css";
@@ -18,27 +18,34 @@ import Review from "./Component/Review";
 
 import AOS from "aos";
 import "aos/dist/aos.css";
-import { Toaster } from "react-hot-toast";
 
+import { Toaster } from "react-hot-toast";
 
 import ScrollToTop from "./Component/ScrollToTop";
 import Faq from "./Component/Faq";
 
 // Pages
-import RemoteJobs from "./pages/RemoteJobs";
+// import RemoteJobs from "./pages/RemoteJobs";
 import AI from "./pages/AI";
 import Movie from "./pages/Movie";
 import Extension from "./pages/Extension";
 import UI from "./pages/UI";
 import FrontendTools from "./pages/FrontendTools";
 import EthicalHacking from "./pages/EthicalHacking";
+
 import CodingPlateform from "./pages/CodingPlateform.jsx";
 import CourcesPlatform from "./pages/CoursesPlatform.jsx";
 
+import CoursesPlatform from "./pages/CoursesPlatform";
+import Productivity from "./pages/Productivity";
+import Collaboration from "./pages/Collaboration";
+import CodingPlatform from "./pages/CodingPlateform";
+
 
 
 function App() {
   const [searchQuery, setSearchQuery] = useState("");
+
   AOS.init();  
 
   return (
@@ -69,6 +76,39 @@ function App() {
         <ChatAssistant />        <Footer />
       </>
 
+  AOS.init();
+  return (
+    <>
+      <ScrollToTop />
+      <Navbar setSearchQuery={setSearchQuery} />
+      <Routes>
+        <Route path="/" element={<Home searchQuery={searchQuery} />} />
+        <Route path="/bookmark" element={<BookMark />} />
+        <Route path="/about" element={<About />} />
+        <Route path="/open-source" element={<OpenSource />} />
+        <Route path="/review" element={<Review />} />
+        <Route path="/faq" element={<Faq />} />
+        <Route path="/rateus" element={<Rateus />} />
+        // <Route path="/remote-jobs" element={<RemoteJobs />} />
+        <Route path="/ai" element={<AI />} />
+        <Route path="/movies-series" element={<Movie />} />
+        <Route path="/extension" element={<Extension />} />
+        <Route path="/ui-design" element={<UI />} />
+        <Route path="/front-end-tools" element={<FrontendTools />} />
+        <Route path="/ethical-hacking" element={<EthicalHacking />} />
+        <Route path="/coding-platform" element={<CodingPlatform />} />
+        <Route path="/courses-platform" element={<CoursesPlatform />} />
+        <Route path="/productivity-tools" element={<Productivity />} />
+        <Route path="/collaboration-tools" element={<Collaboration />} />
+        <Route path="" element={<NotFound />} /> {/ 404 route */}
+      </Routes>
+      <BackToTopButton />
+      <Toaster />
+      <Footer />
+      <ChatAssistant />
+    </>
+
+
   );
 }
 

frontend/src/ChatAssistant/Avatar.jsx

@@ -5,7 +5,11 @@ import "../ChatAssistant/ChatAssistant.css"
 export default function Avatar() {
   return (
     <div>
-      <img className="Avatar" src={chatbotLogo}/>
+      <img
+        className="Avatar"
+        src={chatbotLogo}
+        alt="chatbot_avatar"
+      />
     </div>
   )
 }

frontend/src/ChatAssistant/UserAvatar.jsx

@@ -5,7 +5,11 @@ import "../ChatAssistant/ChatAssistant.css"
 export default function Avatar() {
   return (
     <div>
-      <img className="userAvatar" src={userAvatar}/>
+      <img
+        className="userAvatar"
+        src={userAvatar}
+        alt="useravatar_pic"
+      />
     </div>
   )
 }

frontend/src/Component/About.js

@@ -95,6 +95,7 @@ function About() {
           <img
             className="img"
             src="https://media.istockphoto.com/id/1276643671/vector/tiny-programmers-programming-website-for-internet-platform.jpg?s=612x612&w=0&k=20&c=7k24K8DYdSRxVHj3roqR_f4wkk-a_fG3WlT4hN-VJUg="
+            alt="img"
           />
         </div>
         <div className="bx-1">

frontend/src/Component/Footer.js

@@ -2,6 +2,7 @@ import React from "react";
 import logo from "../image/logo.png";
 import "../style/Footer.css";
 
+
 import { BsLinkedin } from "react-icons/bs";
 
 import { FaGithubSquare, FaLinkedin, FaTwitter } from "react-icons/fa";
@@ -197,4 +198,4 @@ function Footer() {
   );
 }
 
-export default Footer;
+export default Footer;

frontend/src/index.js

@@ -41,6 +41,9 @@ root.render(
       <App />
 
       <ToastContainer />
+      <App /> 
+      <ToastContainer/>
+
     </BrowserRouter>
   </Provider>
 );