Backbutton

package.json

@@ -5,6 +5,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.0",
+    "@fortawesome/fontawesome-free": "^6.5.2",
     "@mui/icons-material": "^5.15.11",
     "@mui/material": "^5.15.11",
     "@testing-library/jest-dom": "^5.17.0",

src/components/BackButton/backbutton.css

@@ -0,0 +1,21 @@
+/* src/BackButton/backbutton.css */
+.back-button {
+    position: absolute;
+    top: 25vh;
+    left: 30px;
+    padding: 10px;
+    background-color: #0c53b1;
+    color: #fff;
+    border-radius: 50%;
+    cursor: pointer;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    transition: background-color 0.3s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 20px;
+}
+
+.back-button:hover {
+    background-color: #0041a3;
+}

src/components/BackButton/backbutton.js

@@ -0,0 +1,21 @@
+// src/BackButton/backbutton.js
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import './backbutton.css';
+import '@fortawesome/fontawesome-free/css/all.min.css';
+
+const BackButton = () => {
+    const navigate = useNavigate();
+
+    const goBack = () => {
+        navigate(-1);
+    };
+
+    return (
+        <div className="back-button" onClick={goBack}>
+            <i className="fas fa-arrow-left"></i>
+        </div>
+    );
+};
+
+export default BackButton;

src/components/page3/1Year.js

@@ -9,12 +9,16 @@ import syllabus from '../../assets/icons8-syllabus-80 (1).png';
 import pyq from "../../assets/icons8-minus-1-year-80.png"
 import Notes from "../../assets/icons8-notes-80.png"
 import youtube from "../../assets/icons8-youtube-64.png";
+import BackButton from  "../BackButton/backbutton";
+
 function fstYear() {
   return (
     <div>
 
       <Header />
+
       <div class="background">
+      <BackButton />
         <div className="yr">
           <h1>1st Year</h1>
         </div>

src/components/page3/2Year.js

@@ -9,11 +9,14 @@ import syllabus from '../../assets/icons8-syllabus-80 (1).png';
 import pyq from "../../assets/icons8-minus-1-year-80.png"
 import Notes from "../../assets/icons8-notes-80.png"
 import youtube from "../../assets/icons8-youtube-64.png";
+import BackButton from  "../BackButton/backbutton";
+
 function sndYear() {
   return (
     <div>
       <Header />
       <div className='background'>
+        <BackButton/>
         <div className="yr">
           <h1>2nd Year</h1>
         </div>

src/components/page3/3Year.js

@@ -9,6 +9,7 @@ import syllabus from '../../assets/icons8-syllabus-80 (1).png';
 import pyq from "../../assets/icons8-minus-1-year-80.png"
 import Notes from "../../assets/icons8-notes-80.png"
 import youtube from "../../assets/icons8-youtube-64.png";
+import BackButton from  "../BackButton/backbutton";
 
 
 function TrdYear() {
@@ -17,6 +18,7 @@ function TrdYear() {
     <div>
       <Header/>
   <div class="background">
+    <BackButton/>
       <div className="yr">
        <h1>3rd Year</h1>
       </div>

src/components/page3/4Year.js

@@ -9,11 +9,14 @@ import youtube from "../../assets/icons8-youtube-64.png";
 import Footer from '../../pages/footer.js';
 import quantumImage from '../../assets/icons8-book-64.png';
 import timetable from '../../assets/icons8-timetable-64.png';
+import BackButton from  "../BackButton/backbutton";
+
 function fothYear() {
   return (
     <div>
     <Header/>
 <div className='background'>
+  <BackButton/>
     <div className="yr">
      <h1>4th Year</h1>
     </div>

src/components/page4/lecture.js

@@ -13,6 +13,7 @@ import se from '../../assets/se.jpg';
 import bd from '../../assets/bd.jpg';
 import {FaMagnifyingGlass } from 'react-icons/fa6'
 import NoResultsFound from '../noResultsFound/index.js'
+import BackButton from  "../BackButton/backbutton";
 
 function Lecture() {
   // State for search query
@@ -41,6 +42,7 @@ function Lecture() {
   return (
     <div>
       <Header />
+      <BackButton/>
       <div className="lecturetrd">
         <h1>Lecture</h1>
       </div>

src/components/page4/pyq.js

@@ -5,6 +5,7 @@ import Footer from "../../pages/footer";
 import VisibilityIcon from '@mui/icons-material/Visibility';
 import DownloadIcon from '@mui/icons-material/Download';
 import './Pyq.css'; 
+import BackButton from  "../BackButton/backbutton";
 
 function Pyq() {
   const yearFiles = [
@@ -156,6 +157,7 @@ function Pyq() {
   return (
     <div className="page-container">
       <Header />
+      <BackButton/>
       <div className="container-pyq">
         <h2 className="year-heading">Download Previous Year Questions - {id} Year</h2>
         <div className="content-container">

src/components/page4/syllabus.js

@@ -2,6 +2,7 @@ import React from "react";
 import Header from "../../pages/header";
 import Footer from "../../pages/footer";
 import "../page4/syllabus.css";
+import BackButton from  "../BackButton/backbutton";
 
 const Syllabus = () => {
   // const[selectSem, setSelectSem] = useState(null);
@@ -20,7 +21,7 @@ const Syllabus = () => {
   return (
     <div>
       <Header />
-
+      <BackButton/>
       <h2 className="head"> Download Syllabus</h2>
 
       <div class="ag-format-container">

src/components/page4/timetable.js

@@ -1,7 +1,9 @@
 import React, {useState} from 'react'
 import Imgdata from '../imgdata';
 import '../page4/timetable.css';
-import Header from "../../pages/header.js"
+import Header from "../../pages/header.js";
+import BackButton from  "../BackButton/backbutton";
+
 function Timetable() {
 
     const [selectedSection, setSelectedSection] = useState(null);
@@ -13,7 +15,7 @@ function Timetable() {
     <div>
 
        <Header/>
-
+      <BackButton/>
        <div className="trdyr">
       <center>
         <h3> 3rd year time table</h3>

src/components/page4/trdquantum.js

@@ -10,7 +10,9 @@ import Imgcn from '../../assets/cn.webp';
 import Imgwt from '../../assets/wt.png';
 import Imgitcs from '../../assets/itcsimg.jpg';
 import {FaMagnifyingGlass } from 'react-icons/fa6'
-import NoResultsFound from '../noResultsFound/index.js'
+import NoResultsFound from '../noResultsFound/index.js';
+import BackButton from  "../BackButton/backbutton";
+
 const quantumBooks = [
   { img: Imgcd, title: "Compiler Design", file: "cd" },
   { img: Imgda, title: "Data Analytics", file: "DataAnalytics" },
@@ -51,6 +53,7 @@ function Quantum() {
   return (
     <div>
       <Header />
+      <BackButton/>
       <div style={{ overflow: "auto" }}>
         <div className="quantum-head">
           <h2>Download Quantum</h2>

src/components/page5(1st)/fstlecture.js

@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import Header from '../../pages/header';
 import './fstlecture.css';
 import NoResultsFound from '../noResultsFound/index.js'
+import BackButton from  "../BackButton/backbutton";
 
 // Import images
 import ec from '../../assets/ec.jpg';
@@ -47,6 +48,7 @@ function Lecture() {
   return (
     <div>
       <Header />
+      <BackButton/>
       <div className="lecturetrd">
         <h1>1st year lecture</h1>
       </div>

src/components/page5(1st)/fstpyq.js

@@ -1,12 +1,14 @@
 import React from 'react'
 import ComingSoon from '../../pages/cs.js';
 import Header from '../../pages/header.js';
+import BackButton from  "../BackButton/backbutton";
 
 
 function fstpyq() {
   return (
     <div>
        <Header />
+       <BackButton/>
        <ComingSoon/>
     </div>
   )

src/components/page5(1st)/fstquantum.js

@@ -12,6 +12,7 @@ import Imgmath2 from '../../assets/math2.jpg';
 import Imgelectronics from '../../assets/electronics.png';
 import Imgmech from '../../assets/mechanical.jpg';
 import {FaMagnifyingGlass } from 'react-icons/fa6'
+import BackButton from  "../BackButton/backbutton";
 
 const books = [
   { img: Imgphy, title: "Engineering Physics", file: "physics" },
@@ -54,6 +55,7 @@ function Quantum() {
   return (
     <div>
       <Header />
+      <BackButton/>
       <div>
         <h2 className="quantum-head">1st year quantum book</h2>
         <div class='inputDiv1'>

src/components/page5(1st)/fstsyllabus.js

@@ -2,6 +2,7 @@ import React from "react";
 import Header from "../../pages/header";
 import Footer from "../../pages/footer";
 import "../page4/syllabus.css";
+import BackButton from  "../BackButton/backbutton";
 
 const fstsyllabus = () => {
   // const [selectSem, setSelectSem] = useState(null);
@@ -21,6 +22,7 @@ const fstsyllabus = () => {
   return (
     <div>
       <Header />
+      <BackButton/>
       <h2 className="head">Download Syllabus</h2>
 
       <div className="ag-format-container">

src/components/page5(1st)/fsttimetable.js

@@ -3,6 +3,7 @@ import Imgdata from '../imgdata';
 import '../page4/timetable.css';
 import Header from "../../pages/header.js"
 import ComingSoon from '../../pages/cs.js';
+import BackButton from  "../BackButton/backbutton";
 
 function  Fsttimetable() {
 
@@ -16,7 +17,7 @@ function  Fsttimetable() {
 
        <Header/>
 
-
+      <BackButton/>
         <ComingSoon />
        {/* <div className="trdyr"> */}
 

src/components/page6(2nd)/sndlecture.js

@@ -14,6 +14,7 @@ import Imgos from '../../assets/los.jpg';
 import Imgtafl from '../../assets/ltafl.jpg';
 import ssii from '../../assets/ssii.jpg';
 import {FaMagnifyingGlass } from 'react-icons/fa6'
+import BackButton from  "../BackButton/backbutton";
 
 const lectures = [
   { img: Imgmath4, title: "Engineering Mathematics-4", link: "https://www.youtube.com/watch?v=14bNduEh9ag&list=PL5Dqs90qDljXYjZ8kDHtpMqPGKNGb2dxu" },
@@ -45,6 +46,7 @@ function SndLecture() {
   return (
     <div>
       <Header />
+      <BackButton/>
       <div className="lecturetrd">
         <h1>2nd year lecture</h1>
       </div>

src/components/page6(2nd)/sndquantum.js

@@ -16,6 +16,7 @@ import Imgos from '../../assets/os.jpg';
 import Imgtafl from '../../assets/autometa.png';
 import {FaMagnifyingGlass } from 'react-icons/fa6'
 import { FilterBAndW } from '@mui/icons-material';
+import BackButton from  "../BackButton/backbutton";
 
 const books = [
   { img: Imgmath4, title: "Engineering Math4", file: "Mathematics4" },
@@ -58,6 +59,7 @@ function SndQuantum() {
   return (
     <div>
       <Header />
+      <BackButton/>
       <div style={{ overflow: "auto" }}>
         <h2 className="quantum-head">2nd year quantum book</h2>
         <div class='inputDiv1'>

src/components/page6(2nd)/sndsyllabus.js

@@ -2,6 +2,7 @@ import React  from 'react'
 import Header from "../../pages/header";
 import Footer from "../../pages/footer";
 import '../page4/syllabus.css';
+import BackButton from  "../BackButton/backbutton";
 
 
 const Syllabus =() => {
@@ -22,7 +23,7 @@ const Syllabus =() => {
     <div>
         <Header/>
 
-
+        <BackButton/>
          <h2 className='head'> Download Syllabus</h2>
 
          <div class="ag-format-container">

src/components/page7(4yr)/frthsyllabus.js

@@ -2,6 +2,7 @@ import React  from 'react'
 import Header from "../../pages/header";
 import Footer from "../../pages/footer";
 import '../page4/syllabus.css';
+import BackButton from  "../BackButton/backbutton";
 
 
 const frthsyllabus =() => {
@@ -22,7 +23,7 @@ const frthsyllabus =() => {
     <div>
         <Header/>
 
-
+        <BackButton/>
          <h2 className='head'> Download Syllabus</h2>
 
          <div class="ag-format-container">