fix: 404 on refresh

Replaced the BrowserRouter with HashRouter to make the entire
app use a single route.

closes #27, closes #28

Author: Aksh-Bansal-dev

frontend/src/components/aboutUs/index.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-import { Link } from "react-router-dom";
 import styles from "./style.module.css";
 
 const AboutUs: React.FC = () => {
@@ -15,11 +14,8 @@ const AboutUs: React.FC = () => {
             </span>
             aim to help students and as a community we want to grow as much as
             possible in many domains of coding and development, be it
-            Competitive Programming, Android, Web, Open Source
-            <Link className={styles.hide} to="/bangbang">
-              ,
-            </Link>{" "}
-            AI/ML, Ethical Hacking .
+            Competitive Programming, Android, Web, Open Source , AI/ML, Ethical
+            Hacking .
           </p>
           <p className={styles.para}>
             We try to help each other learn new programming skills organize

frontend/src/index.tsx

@@ -1,13 +1,13 @@
 import ReactDOM from "react-dom";
 import "./index.css";
 import App from "./App";
-import { BrowserRouter } from "react-router-dom";
+import { HashRouter } from "react-router-dom";
 import { MuiThemeProvider } from "@material-ui/core";
 import Theme from "./theme/theme";
 
 ReactDOM.render(
   <MuiThemeProvider theme={Theme}>
-    <BrowserRouter
+    <HashRouter
       basename={
         window.location.hostname === "iiitdmj.ac.in" ||
         window.location.hostname === "www.iiitdmj.ac.in"
@@ -16,7 +16,7 @@ ReactDOM.render(
       }
     >
       <App />
-    </BrowserRouter>
+    </HashRouter>
   </MuiThemeProvider>,
   document.getElementById("root")
 );

frontend/src/pages/homePage/index.tsx

@@ -23,7 +23,10 @@ const HomePage: React.FC = () => {
               An Open Coding Community to explore and do a lot more with your
               friends and members.
             </span>
-            <a href="#about">
+            <a
+              href="#"
+              onClick={() => window.scrollTo(0, document.body.scrollHeight)}
+            >
               <button className={styles.primaryBtn}>Explore Now</button>
             </a>
           </div>