diff --git a/frontend/src/Component/About.js b/frontend/src/Component/About.js index f7e0da74..af1c16ad 100644 --- a/frontend/src/Component/About.js +++ b/frontend/src/Component/About.js @@ -2,7 +2,6 @@ import React, { useState, useEffect } from "react"; import "../style/About.css"; import Pagination from "./Pagination"; import { getPaginationData, changePage } from "../utils/paginationData"; - const FOUNDER = "HimanshuNarware"; const LINKEDIN_URL = "https://www.linkedin.com/in/HimanshuNarware"; const CARDS_PER_PAGE = 12; diff --git a/frontend/src/Component/BackToTopButton.js b/frontend/src/Component/BackToTopButton.js index 3b7d9c40..117e5144 100644 --- a/frontend/src/Component/BackToTopButton.js +++ b/frontend/src/Component/BackToTopButton.js @@ -1,7 +1,6 @@ import React, { useState, useEffect } from 'react'; import '../style/BackToTopButton.css'; import { MdKeyboardDoubleArrowUp } from "react-icons/md"; - function BackToTopButton() { const [isVisible, setIsVisible] = useState(false); const [scrollProgress, setScrollProgress] = useState(0); diff --git a/frontend/src/Component/BookMark.js b/frontend/src/Component/BookMark.js index d4afd1df..7ab45356 100644 --- a/frontend/src/Component/BookMark.js +++ b/frontend/src/Component/BookMark.js @@ -9,7 +9,6 @@ import toast from "react-hot-toast"; function BookMark() { const sourceData = useSelector((state) => state.SourceReducer.sourceData); const dispatch = useDispatch(); - const [currentPage, setCurrentPage] = useState(1); const [postPerPage] = useState(8); // Number of bookmarks per page diff --git a/frontend/src/Component/Contact.jsx b/frontend/src/Component/Contact.jsx index a7bd0bed..6f238032 100644 --- a/frontend/src/Component/Contact.jsx +++ b/frontend/src/Component/Contact.jsx @@ -11,7 +11,6 @@ import { Bounce, ToastContainer, toast } from "react-toastify"; import "react-toastify/dist/ReactToastify.css"; import animationData from "../lottie/contact.json"; import "../style/Contact.css"; - const Contact = () => { const [email, setEmail] = useState(""); const [isValid, setIsValid] = useState(true); diff --git a/frontend/src/Component/Faq.js b/frontend/src/Component/Faq.js index 368a3dc1..102d8b72 100644 --- a/frontend/src/Component/Faq.js +++ b/frontend/src/Component/Faq.js @@ -11,7 +11,6 @@ import { import { MdOutlineArrowDropDown } from "react-icons/md"; import data from "./accordion"; import "react-accessible-accordion/dist/fancy-example.css"; - export default function Faq() { let [index, setIndex] = useState(0); const [className, setClassName] = useState(null); diff --git a/frontend/src/Component/Footer.js b/frontend/src/Component/Footer.js index b6b7c518..a6ba3539 100644 --- a/frontend/src/Component/Footer.js +++ b/frontend/src/Component/Footer.js @@ -26,7 +26,6 @@ import { } from "react-icons/ai"; import { BsYoutube, BsFillPersonLinesFill, BsCodeSlash } from "react-icons/bs"; import { Link } from "react-router-dom"; - function Footer() { const today = new Date(); const year = today.getFullYear(); diff --git a/frontend/src/Component/Home.js b/frontend/src/Component/Home.js index 7c6219d9..bcded38d 100644 --- a/frontend/src/Component/Home.js +++ b/frontend/src/Component/Home.js @@ -22,7 +22,6 @@ function Home(props) { localStorage.getItem("filter") || "" ); const ref = useRef(null); - useEffect(() => { if (props.searchQuery !== "") { ref.current?.scrollIntoView({ diff --git a/frontend/src/Component/Modal.js b/frontend/src/Component/Modal.js index 98146e91..4496727a 100644 --- a/frontend/src/Component/Modal.js +++ b/frontend/src/Component/Modal.js @@ -6,7 +6,6 @@ function Modal({ isOpen, onClose, children }) { if (!isOpen) { return null; } - return (
diff --git a/frontend/src/Component/Navbar/NavbarCenter.js b/frontend/src/Component/Navbar/NavbarCenter.js index 895c7389..4cb8dc74 100644 --- a/frontend/src/Component/Navbar/NavbarCenter.js +++ b/frontend/src/Component/Navbar/NavbarCenter.js @@ -49,7 +49,7 @@ function NavbarCenter( ) {
Bookmark {totalBookmarks}
- } + } to="/bookmark" /> @@ -125,5 +125,4 @@ function NavbarCenter( ) { ); } - export default NavbarCenter; diff --git a/frontend/src/Component/Navbar/NavbarItem.js b/frontend/src/Component/Navbar/NavbarItem.js index a7da1e7e..9b0a1639 100644 --- a/frontend/src/Component/Navbar/NavbarItem.js +++ b/frontend/src/Component/Navbar/NavbarItem.js @@ -1,6 +1,5 @@ import React from "react"; import { Link } from "react-router-dom"; - function NavbarItem({ description, to }) { return ( diff --git a/frontend/src/Component/Navbar/NavbarLeft.js b/frontend/src/Component/Navbar/NavbarLeft.js index 741cb4a8..cf3bc2da 100644 --- a/frontend/src/Component/Navbar/NavbarLeft.js +++ b/frontend/src/Component/Navbar/NavbarLeft.js @@ -21,7 +21,6 @@ function NavbarLeft(props, showSideNav) { e.preventDefault(); props.setShowSideNav(!props.showSideNav); } - function handleItemClick() { props.setShowSideNav(false); } @@ -46,5 +45,4 @@ function NavbarLeft(props, showSideNav) { ); } - export default NavbarLeft; diff --git a/frontend/src/Component/Navbar/NavbarRight.js b/frontend/src/Component/Navbar/NavbarRight.js index acb3b049..be41d834 100644 --- a/frontend/src/Component/Navbar/NavbarRight.js +++ b/frontend/src/Component/Navbar/NavbarRight.js @@ -18,7 +18,6 @@ function NavbarRight({ setSearchQuery }) { const handleInputChange = (e) => { setLocalSearchQuery(e.target.value); // Update the search query when input changes }; - const handleSearch = (e) => { e.preventDefault(); setSearchQuery(searchQuery); // Pass the search query to the parent component (App) diff --git a/frontend/src/Component/NotFound.js b/frontend/src/Component/NotFound.js index 006345ca..10f1b715 100644 --- a/frontend/src/Component/NotFound.js +++ b/frontend/src/Component/NotFound.js @@ -21,7 +21,6 @@ function NotFound() {
); } - export default NotFound; diff --git a/frontend/src/Component/OpenSource.js b/frontend/src/Component/OpenSource.js index 5ff22ff5..d8a70a49 100644 --- a/frontend/src/Component/OpenSource.js +++ b/frontend/src/Component/OpenSource.js @@ -4,7 +4,6 @@ import ReactPaginate from "react-paginate"; import axios from "axios"; import ClipLoader from "react-spinners/ClipLoader"; import jsonProjects from "../DB/openSource.json"; - const BACKEND = process.env.REACT_APP_BACKEND; const OpenSource = () => { diff --git a/frontend/src/Component/Pagination.js b/frontend/src/Component/Pagination.js index 7a7d7cfd..0da91ebe 100644 --- a/frontend/src/Component/Pagination.js +++ b/frontend/src/Component/Pagination.js @@ -15,7 +15,6 @@ const Pagination = ({
Showing {firstCardIndex + 1}-{lastCardIndex} from {dataLength} results
-
); } - export default Sidebar; diff --git a/frontend/src/Component/Sidebar/SidebarContent.js b/frontend/src/Component/Sidebar/SidebarContent.js index 09ff680c..d88a5b44 100644 --- a/frontend/src/Component/Sidebar/SidebarContent.js +++ b/frontend/src/Component/Sidebar/SidebarContent.js @@ -1,5 +1,4 @@ import React from "react"; - function SidebarContent({name,description,active}) { function handleSidebarClick(prop) { diff --git a/frontend/src/Component/Signup.js b/frontend/src/Component/Signup.js index f9cbd32f..0d961293 100644 --- a/frontend/src/Component/Signup.js +++ b/frontend/src/Component/Signup.js @@ -8,7 +8,6 @@ export default function Signup() { const handleSubmit = async (event) => { event.preventDefault(); - try { const response = await fetch('http://localhost:8000/users/signup', { method: 'POST', diff --git a/frontend/src/Component/accordion.js b/frontend/src/Component/accordion.js index fdf9a3cf..c0585429 100644 --- a/frontend/src/Component/accordion.js +++ b/frontend/src/Component/accordion.js @@ -20,4 +20,4 @@ const data = [ "To contribute, go to the GitHub repository, create a new repository, clone the project, and start contributing", }, ]; -export default data; \ No newline at end of file +export default data; diff --git a/frontend/src/index.js b/frontend/src/index.js index 28664de4..08e2a35e 100644 --- a/frontend/src/index.js +++ b/frontend/src/index.js @@ -10,7 +10,6 @@ import Darkmode from "darkmode-js"; import { BrowserRouter } from "react-router-dom"; const root = ReactDOM.createRoot(document.getElementById("root")); - const options = { bottom: "unset", left: "15px", diff --git a/frontend/src/style/AI.css b/frontend/src/style/AI.css index c8e7a281..b47e2286 100644 --- a/frontend/src/style/AI.css +++ b/frontend/src/style/AI.css @@ -4,7 +4,6 @@ body { padding: 0; background-color: #f4f4f4; } - .container { max-width: 1200px; margin: 0 auto; diff --git a/frontend/src/style/About.css b/frontend/src/style/About.css index b709e867..7fa39f7a 100644 --- a/frontend/src/style/About.css +++ b/frontend/src/style/About.css @@ -5,7 +5,6 @@ margin-top: 6rem; width: 100%; } - .about__founder-container, .about__buttons-container { display: flex; diff --git a/frontend/src/style/Animations.css b/frontend/src/style/Animations.css index 62b80652..e1b638ad 100644 --- a/frontend/src/style/Animations.css +++ b/frontend/src/style/Animations.css @@ -3,7 +3,6 @@ from { opacity: 0; } to { opacity: 1; } } - .fade-in { animation: fadeIn 1s ease-in-out; } diff --git a/frontend/src/style/BackToTopButton.css b/frontend/src/style/BackToTopButton.css index 20968d04..51bfc96a 100644 --- a/frontend/src/style/BackToTopButton.css +++ b/frontend/src/style/BackToTopButton.css @@ -24,7 +24,6 @@ display: block; opacity: 1; } - .back-to-top-button:not(.visible) { opacity: 0; transform: translateY(20px); diff --git a/frontend/src/style/BackendTools.css b/frontend/src/style/BackendTools.css index 83a6dd05..606d2aab 100644 --- a/frontend/src/style/BackendTools.css +++ b/frontend/src/style/BackendTools.css @@ -4,7 +4,6 @@ body { padding: 0; background-color: #f4f4f4; } - .frontend-tools { text-align: center; padding: 80px 20px; diff --git a/frontend/src/style/BookMark.css b/frontend/src/style/BookMark.css index 9f7a1902..1db5116e 100644 --- a/frontend/src/style/BookMark.css +++ b/frontend/src/style/BookMark.css @@ -5,7 +5,6 @@ align-items: center; width: 100vw; } - .bookmark__container { margin-top: 8rem; display: grid; diff --git a/frontend/src/style/CodingPlatform.css b/frontend/src/style/CodingPlatform.css index 6c8d78bb..1cc0979a 100644 --- a/frontend/src/style/CodingPlatform.css +++ b/frontend/src/style/CodingPlatform.css @@ -4,7 +4,6 @@ body { padding: 0; background-color: #f4f4f4; } - .coding-platform { text-align: center; padding: 80px 20px; diff --git a/frontend/src/style/Collaboration.css b/frontend/src/style/Collaboration.css index 3864fd38..7b76dee2 100644 --- a/frontend/src/style/Collaboration.css +++ b/frontend/src/style/Collaboration.css @@ -4,7 +4,6 @@ body { padding: 0; background-color: #f0f0f0; } - .container { max-width: 1200px; margin: 0 auto; diff --git a/frontend/src/style/Contact.css b/frontend/src/style/Contact.css index 0d1a767a..c77bfebc 100644 --- a/frontend/src/style/Contact.css +++ b/frontend/src/style/Contact.css @@ -1,31 +1,42 @@ +/* .outer-contact { + margin: 0; + padding: 0; + font-family: Arial, sans-serif; + overflow-x: hidden; +} */ .contact-container { display: flex; justify-content: center; align-items: center; min-height: 70vh; padding: 20px; - width: 100%; + width: 1500px; color: #6a43c3; } .contact-content { + background: #d2d2e9; background: #8B5CF6; padding: 40px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); display: flex; + /* flex-direction: column; */ justify-content: center; align-items: center; - max-width: 1200px; + max-width: 800px; + /* width: 100%; */ + margin-left: -120px; + /* margin-right: 100px; */ margin-top: 100px; } .image-container { - flex: 1; display: flex; justify-content: center; align-items: center; - margin-right: 20px; + width: 100%; + margin-bottom: 20px; } .lottie-animation { @@ -34,7 +45,6 @@ } .form-container { - flex: 1; width: 100%; } @@ -108,91 +118,110 @@ } .social-links { - display: flex; - justify-content: center; + /* display: flex; + justify-content: center; */ margin-top: 30px; - flex-wrap: wrap; } .social-link { + /* margin: 0 10px; */ + /* background-color: #ccc; */ color: #f3f6f8; + /* transition: color 0.3s; */ } .social-link:hover { color: #0056b3; } -@media (max-width: 768px) { - .contact-content { - flex-direction: column; - padding: 20px; - margin-top: 50px; - } - - .image-container { - margin-right: 0; - margin-bottom: 20px; - } +.social-links { + display: flex; + justify-content: center; + margin-top:100px; + width:500px; +} .contact-heading { - font-size: 2rem; + font-size: 2.5rem; + margin-bottom: 1rem; } - + .contact-description { - font-size: 1rem; + /* margin-top: 10%; */ + font-size: 1.2rem; + margin-bottom: 2rem; } - + + .contact-form { + display: flex; + flex-direction: column; + align-items: center; + } + .form-group { - margin-bottom: 15px; + width: 100%; + margin-bottom: 1.5rem; + text-align: left; } - + .form-label { - font-size: 1rem; + font-size: 1.1rem; + margin-bottom: 0.5rem; } - + .form-input, .form-textarea { - padding: 10px; - font-size: 0.9rem; + width: 100%; + padding: 0.7rem; + font-size: 1rem; + background-color: #09001f47; + border: 1px solid #6a43c3; + color: #fff; + border-radius: 4px; } - - .submit-button { - padding: 10px; - font-size: 0.9rem; + .form-input:focus, + .form-textarea:focus{ + outline: none; + border-color: #007bff; + box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); } - - .social-link { - font-size: 1.2rem; - margin: 0 0.5rem; + .form-textarea { + resize: vertical; } -} - -@media (max-width: 480px) { - .contact-content { - padding: 10px; + + .submit-button { + padding: 0.8rem 1.5rem; + font-size: 1.1rem; + background-color: #6a43c3; + color: #fff; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s ease; } - - .contact-heading { - font-size: 1.8rem; + + .submit-button:hover { + background-color: #09001f63; + backdrop-filter: blur(10px); + border: 2px solid #804afe; + color: white; + box-shadow: -1px 2px 8px #c5aff899,0px 2px 8px #6943c392; } - - .contact-description { - font-size: 0.9rem; + + .social-links { + display: flex; + justify-content: center; + margin-top: 2rem; } - - .form-input, - .form-textarea { - padding: 8px; - font-size: 0.8rem; + + .social-link { + color: #6a43c3; + font-size: 1.5rem; + margin: 0 1rem; + transition: color 0.3s ease; } - - .submit-button { - padding: 8px; - font-size: 0.8rem; + + .social-link:hover { + color: #aa8dec; } - .social-link { - font-size: 1rem; - margin: 0 0.3rem; - } -} diff --git a/frontend/src/style/Courses.css b/frontend/src/style/Courses.css index d2f69dca..b1b5efc3 100644 --- a/frontend/src/style/Courses.css +++ b/frontend/src/style/Courses.css @@ -1,5 +1,4 @@ /* EthicalHacking.css */ - body { font-family: Arial, sans-serif; margin: 0; diff --git a/frontend/src/style/Extensions.css b/frontend/src/style/Extensions.css index 9388b481..69189558 100644 --- a/frontend/src/style/Extensions.css +++ b/frontend/src/style/Extensions.css @@ -4,7 +4,6 @@ body { padding: 0; background-color: #f0f0f0; } - .container { max-width: 1200px; margin: 0 auto; diff --git a/frontend/src/style/FrontendTools.css b/frontend/src/style/FrontendTools.css index 30ba9621..9cb37a65 100644 --- a/frontend/src/style/FrontendTools.css +++ b/frontend/src/style/FrontendTools.css @@ -4,7 +4,6 @@ body { padding: 0; background-color: #f4f4f4; } - .frontend-tools { text-align: center; padding: 80px 20px; diff --git a/frontend/src/style/Rateus.css b/frontend/src/style/Rateus.css index 0dfddcbe..5cc2e423 100644 --- a/frontend/src/style/Rateus.css +++ b/frontend/src/style/Rateus.css @@ -4,7 +4,6 @@ align-items: center; height: 100vh; /* Ensure the component is centered vertically */ } - .rate-us__container { width: 70%; max-width: 600px;