Added SW website portal

README.md

@@ -1,7 +1,16 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+This is the Tech@NYU 2022 Running Website:
+
+
 
 ## Getting Started
 
+### USE NODE VERSION MANAGER
+
+## Use ChatGPt to help you install Node Version 14.17.0 
+
+This codebase will not run on Node 16 due to decaprecated libraries.
+
+
 First, run the development server:
 
 ```bash

components/NavBar.tsx

@@ -23,6 +23,7 @@ const NavBar = () => {
             <NavDropdown title="Programs" id="basic-nav-dropdown">
                 <NavDropdown.Item href="/mentorship">Mentorship</NavDropdown.Item>
                 <NavDropdown.Item href="/techtreks">Tech Treks</NavDropdown.Item>
+                <NavDropdown.Item href="/startupweek">Startup Week Committee</NavDropdown.Item>
             </NavDropdown>
             <Nav.Link href="/#events">Events</Nav.Link>
             <Nav.Link href="/contact">Contact Us</Nav.Link>

components/SWCarousel/ImageGallery.tsx

@@ -0,0 +1,30 @@
+import React  from "react";
+import AliceCarousel from 'react-alice-carousel';
+import 'react-alice-carousel/lib/alice-carousel.css';
+
+// const handleDragStart = (e ) => e.preventDefault();
+const items = [
+    <img className="carousel-img" src="../assets/gallery/events/event_1.png"/>,
+  ];
+
+const responsive = {
+    0: { items: 1 },
+    768: { items: 2 },
+    1024: { items: 3 },
+};
+
+const ImageGallery = ()=>{
+    return (
+        <AliceCarousel
+            responsive={responsive}
+            mouseTracking
+
+            infinite
+            disableButtonsControls
+            disableDotsControls
+
+            items={items} />
+    );
+}
+
+export default ImageGallery;

components/SWCarousel/SWCarousel.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import AliceCarousel from 'react-alice-carousel';
+import 'react-alice-carousel/lib/alice-carousel.css';
+
+const responsive = {
+    0: { items: 1 },
+    768: { items: 2 },
+    1250: { items: 3 },
+};
+
+const items = [
+    <div><img className="carousel-img" src="/assets/gallery/sw24photos/sw24_1.JPG"/></div>,
+    <div><img className="carousel-img" src="/assets/gallery/sw24photos/sw24_2.JPG"/></div>,
+    <div><img className="carousel-img" src="/assets/gallery/sw24photos/sw24_3.JPG"/></div>,
+    <div><img className="carousel-img" src="/assets/gallery/sw24photos/sw24_4.JPG"/></div>,
+];
+
+const SWCarousel = () => {
+    return <AliceCarousel
+            mouseTracking
+            infinite
+            disableButtonsControls
+            disableDotsControls
+
+            items={items}
+            responsive={responsive}
+            autoPlay={true}
+            autoPlayInterval={3000}
+        /> 
+}
+
+export default SWCarousel;