[MAIN] Adding Next app and basic components

.gitignore

@@ -3,3 +3,4 @@ node_modules
 !.env.dev
 build
 *.log
+.next

.nvmrc

@@ -0,0 +1 @@
+16.13.0

Procfile

@@ -0,0 +1 @@
+web: cd server && yarn && yarn start

README.md

@@ -34,7 +34,7 @@ the Training and Placement Cell of
    yarn
    ```
 
-- Run `yarn start` to start the development server.
+- Run `yarn dev` to start the development server.
 
 ## Contributing Guide
 

client/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["next/babel","next/core-web-vitals"]
+}

client/Dockerfile

@@ -8,4 +8,4 @@ RUN yarn
 COPY . .
 EXPOSE 3000
 
-CMD [ "yarn", "start" ]
+CMD [ "yarn", "dev" ]

client/components/footer/App.jsx

@@ -0,0 +1,54 @@
+import Data from "./Data";
+import Group from "./Group";
+import styles from "../../styles/Footer.module.css"
+import { Grid, Typography,createTheme } from "@mui/material";
+
+
+function group(val) {
+  let key=Object.keys(val)
+  return (
+    <Grid item>
+      <Group
+      xs={2} sm={2} md={4} lg={4}
+        title={key}
+        line1={val[key][0].line}
+        line2={val[key][1].line}
+        line3={val[key][2].line}
+        line4={val[key][3].line}
+        line5={val[key][4].line}
+        link1={val[key][0].link}
+        link2={val[key][1].link}
+        link3={val[key][2].link}
+        link4={val[key][3].link}
+        link5={val[key][4].link}
+        icon1={val[key][0].icon}
+        icon2={val[key][1].icon}
+        icon3={val[key][2].icon}
+        icon4={val[key][3].icon}
+        icon5={val[key][4].icon}
+      />
+    </Grid>
+  );
+}
+
+export default function App() {
+  return (
+    <>
+      <Grid
+        container
+        rowSpacing={2}
+        columnSpacing={{xs:12, sm: 6, md: 12, lg: 30}}
+        direction="row"
+        justifyContent="center"
+        alignItems="left"
+        className={styles.grid}
+        sx={{color:"white",marginTop:"2rem"}}
+      >
+        {Data.map(group)}
+      </Grid>
+      <div className={styles.footer} sx={{color: "white"}}>
+      © Indian Institute of Information Technology Ranchi 2022
+      </div>
+    </>
+  );
+}