Merge branch 'main' into Fill-remote-jobs-734

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";
@@ -32,11 +32,19 @@ 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 Faq from "./Component/Faq";
 
+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();
@@ -51,6 +59,7 @@ function App() {
         <Route path="/about" element={<About />}></Route>
         <Route path="/open-source" element={<OpenSource />}></Route>
         <Route path="/review" element={<Review />} />
+
         <Route path="*" element={<NotFound />} /> {/* 404 route */}
         <Route path="/faq" element={<Faq />}></Route>
         <Route path="/remote-jobs" element={<RemoteJobs />}></Route>
@@ -62,6 +71,22 @@ function App() {
         <Route path="/ethical-hacking" element={<EthicalHacking />}></Route>
         <Route path="/coding-platform" element={<CodingPlateform />}></Route>
         <Route path="/cources-platform" element={<CourcesPlatform />}></Route>
+
+        <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 />
@@ -70,4 +95,4 @@ function App() {
   );
 }
 
-export default App;
+export default App;

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/ChatAssistant.css

@@ -42,7 +42,7 @@
 
 .react-chatbot-kit-chat-container {
   width: 350px;
-  height: 450px;
+  height: 415px;
 }
 
 .react-chatbot-kit-chat-bot-message {

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

@@ -1,6 +1,7 @@
 import React from "react";
 import logo from "../image/logo.png";
 import "../style/Footer.css";
+
 import { FaGithubSquare, FaLinkedin, FaTwitter } from "react-icons/fa";
 import { SiGmail } from "react-icons/si";
 import { Link } from "react-router-dom";
@@ -194,4 +195,4 @@ function Footer() {
   );
 }
 
-export default Footer;
+export default Footer;

frontend/src/index.js

@@ -40,8 +40,12 @@ root.render(
     <BrowserRouter> {/* Ensure BrowserRouter is only here */}
       <App /> 
 
+
 
       <ToastContainer />
+
+      <ToastContainer/>
+
     </BrowserRouter>
   </Provider>
 );