Merge remote-tracking branch 'newSite/master' into source

.env

@@ -0,0 +1 @@
+MONGODB_URI = mongodb+srv://pathaniaakshit2005:ZtNReypnH0m5pCxH@projects.0kkw0m7.mongodb.net/projects_db

.eslintrc.json

@@ -0,0 +1,4 @@
+{
+  "extends": "next/core-web-vitals"
+
+}

.gitignore

@@ -4,20 +4,33 @@
 /node_modules
 /.pnp
 .pnp.js
+.yarn/install-state.gz
 
 # testing
 /coverage
 
+# next.js
+/.next/
+/out/
+
 # production
 /build
 
 # misc
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+*.pem
 
+# debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

README.md

@@ -1,99 +1,29 @@
-<p align="center"><img src="src/static/images/iste-logo.png" width="120px"><h1 align="center"> ISTE-NITH </h1> </p>
+<p align="center"><img src="public/assets/images/logos/iste-logo.webp" width="120px"><h1 align="center"> ISTE-NITH </h1> </p>
 
-## Setting up
-1. Install NodeJS & NPM on the system, can refer [this website](https://radixweb.com/blog/installing-npm-and-nodejs-on-windows-and-mac) for Windows/Mac, on Ubuntu\Debian `sudo apt-get install nodejs npm` and on Arch based distributuions with `sudo pacman -S nodejs npm`
-`
-2. Go to the project directory with `cd iste-2k23` and install the required dependencies with 
-```
-npm install
-```
-3. Run the development server with
-```
-npm start
-```
+## Getting Started
+1. Install the required dependencies with 
+    ```shell
+    npm install
+    ```
 
-## Folder Structure
-```
-.
-├── package.json
-├── package-lock.json
-├── public
-│   ├── cards.css
-│   ├── events.css
-│   ├── home.css
-│   ├── index.html
-│   ├── navbar.css
-│   ├── particles.js
-│   └── styles.css
-├── README.md
-├── src
-│   ├── App.css
-│   ├── App.js
-│   ├── App.test.js
-│   ├── components
-│   │   ├── animatedCursor.jsx
-│   │   ├── AnimatedRoutes.jsx
-│   │   ├── BackgroundParticles.jsx
-│   │   ├── ChatBot.jsx
-│   │   ├── config
-│   │   │   └── particles_config.js
-│   │   ├── DarkMode
-│   │   │   ├── DarkMode.css
-│   │   │   ├── DarkMode.js
-│   │   │   ├── Moon.svg
-│   │   │   └── Sun.svg
-│   │   ├── GalleryPageWrapper.jsx
-│   │   ├── graphicAnimation.jsx
-│   │   ├── homePageComponents
-│   │   │   ├── aboutUs.jsx
-│   │   │   ├── domains.jsx
-│   │   │   ├── eventBrief.jsx
-│   │   │   └── homeIntro.jsx
-│   │   ├── ImageGallery.jsx
-│   │   ├── navbar.jsx
-│   │   └── particlesBackground.jsx
-│   ├── CSS
-│   │   └── ChatBot.css
-│   ├── data
-│   │   └── galleryData.js
-│   ├── index.css
-│   ├── index.js
-│   ├── logo.svg
-│   ├── pages
-│   │   ├── blogPage.jsx
-│   │   ├── eventsPage.jsx
-│   │   ├── home.jsx
-│   │   ├── ImageGalleryPage.jsx
-│   │   └── membersPage.jsx
-│   ├── reportWebVitals.js
-│   ├── setupTests.js
-│   └── static
-│       ├── images
-│       │   ├── events-background.jpg
-│       │   ├── hult1.JPG
-│       │   ├── iste-logo-blue.png
-│       │   └── teamiste-jan2k23.webp
-│       └── svgs
-│           ├── design-animation.json
-│           ├── finance-animation.json
-│           ├── intro-animation-light.json
-│           ├── istelogo.svg
-│           ├── pr-animation.json
-│           ├── resourceAnimation.json
-│           └── tech-animation.json
-└── yarn-error.log
-```
-## Contributing
+1. First, run the development server:
 
-- Fork the project to your github.
+    ```bash
+    npm run dev
+    # or
+    yarn dev
+    # or
+    pnpm dev
+    # or
+    bun dev
+    ```
 
-- Clone the Repository.
+#### Used [`concurrently`](https://www.npmjs.com/package/concurrently) to run local development server and GraphQL server.
 
-- Create a seperate ```feature``` branch by `git checkout -b 'featureBranch'`
+To test the GraphQL server (Apollo-Server) independently.
 
-- Commit your changes by `git commit -m 'amazingfeature'`
-
-- Push the changes by `git push origin featureBranch`
+```bash
+nodemon apollo-server.mjs
+```
 
-- Wait for reviews :")
 

apollo-server.mjs

@@ -0,0 +1,95 @@
+import { ApolloServer, gql } from 'apollo-server-express';
+import express from 'express';
+import cors from 'cors';
+import path from 'path';
+import { fileURLToPath, pathToFileURL } from 'url';
+
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+
+const typeDefs = gql`
+  type Member {
+    name: String!
+    section: String!
+    post: String!
+    linkedin: String!
+    instagram: String!
+    img: String!
+    rollNumber: String
+    branch: String!
+    location: String!
+    about: String
+  }
+
+  type BlogPost {
+    id: ID!
+    blog_title: String!
+    image: String!
+    author: String!
+    tags: [String!]!
+    description: String!
+    mdfile: String!
+  }
+
+  type Gallery {
+    id: ID!
+    image: String!
+    event: String
+    title: String
+    desc: String
+    set: String
+  }
+
+  type Query {
+    members: [Member]
+    blogPosts: [BlogPost]
+    gallery: [Gallery]
+  }
+`;
+
+
+const resolvers = {
+  Query: {
+    members: async () => {
+      const { profileDetails } = await import(pathToFileURL(path.resolve(__dirname, './data/member_data.mjs')).href);
+      return profileDetails;
+    },
+    blogPosts: async () => {
+      // Implement logic for fetching blogPosts data
+      return []; // Placeholder, replace with actual data fetching logic
+    },
+    gallery: async () => {
+      const { data } = await import(pathToFileURL(path.resolve(__dirname, './data/data.mjs')).href);
+      return data;
+    },
+  },
+};
+
+
+const app = express();
+app.use(cors());
+
+
+const startApolloServer = async () => {
+  const server = new ApolloServer({
+    typeDefs,
+    resolvers,
+    introspection: true, 
+    playground: true, 
+  });
+
+  await server.start();
+  server.applyMiddleware({ app, path: '/graphql' });
+
+  const PORT = 4000;
+  app.listen(PORT, () => {
+    console.log(`🚀 Server ready at http://localhost:${PORT}${server.graphqlPath}`);
+  });
+};
+
+
+startApolloServer().catch((err) => {
+  console.error('Error starting Apollo Server:', err);
+});

data/blog_data.mjs

@@ -0,0 +1,128 @@
+// import vim_plugins from "@/app/hello/page.mdx"
+   const blogdata = [
+  {
+    id: 1,
+    title: "Vim plugins that make life easy!",
+    src:"/assets/images/blogs_images/vim_plugin/vim.png",
+    author: "Parth Pant",
+    tags: ["linux", "vim", "neovim"],
+    ctatext: "Read More",
+    content:"Vim is a great text editor, in fact some would argue it is the best text editor! But the problem is that it is just a text editor. Nothing more, nothing lessPeople accustomed with using full fledged IDEs like Visual Studio, VS code, Atom etc. might feel hard to get started with vim. A great feature of vim is that it supports a large number of plugins that can increase its functionality in all the ways imaginable In this blog....."
+,
+    ctaLink: "/blogs/vim_plugins",
+
+    description:
+      "Vim is a great text editor, in fact some would argue it is the best text editor! But the problem is that it is just a text editor. Nothing more, nothing less...",
+
+
+  },
+  {
+    id: 2,
+    title: "Challenges and Oppurtunities in Intelligent Hardware",
+    src: "/assets/images/blogs_images/challlenges_in_hardware/cover.jpeg",
+    author: "Vansh Thakur",
+    tags: ['hardware', 'IoT', 'AI','embedded systems'],
+    content:"More data has been created in the past two years than the entire history of the human race. This is primarily boosted by the explosion in the sensing and conditioning market **(around (10 billion sensors per year in 2013, expected to reach 1 trillion by 2020)** and connected devices **(6.4 billion in 2016, approximately 20.8 billion by 2020).** These sensors and devices generate hundreds of zetabytes of data per year — petabytes.....",
+
+    ctatext: "Read More",
+    ctaLink: "/blogs/Challeges_inHardware",
+    description:
+      "More data has been created in the past two years than the entire history of the human race... ",
+    //   mdfile: vim_plugins, 
+  },
+  {
+    id: 3,
+    title: "Julia on the GPU",
+    src:"/assets/images/blogs_images/julia_on_gpu/mandopart.png",
+    author: "Arsh Sharma",
+    tags: ['julia', 'packages'],
+    content:"Nowadays GPUs are not just confined to gaming requirements. A GPUs ability to distribute the computational load over hundreds of cores makes then effective enough for a variety of applications like Machine Learning, scientific computing etc. The Julia language has a powerful GPU-compute stack that goes by the name of JuliaGPU.Today we will try to use the GoogleCollab ....",
+    ctatext: "Read More",
+    ctaLink: "/blogs/juliaon_gpu",
+    description:
+
+      "This article is a step by step detail of how one can write his/her own package manager in Julia...",
+    //   mdfile: vim_plugins, 
+  },
+  {
+    id: 4,
+    title: "Creating Packages in Julia",
+    src: "/assets/images/blogs_images/creating_packages_in_julia/julia.png",
+    author: "Arsh Sharma",
+    tags: ['julia', 'GPU'],
+    content:"We are well aware that in order to use the functionality that Julia offers we often need to write out own packages so that we and many people across the world can use those packages into their workflow. Julia has a very rich package ecosystem and a powerful package manager.....",
+    ctatext: "Read More",
+    ctaLink: "/blogs/Creating_Packages_in_Julia",
+    description:
+      "Nowadays GPUs are not just confined to gaming requirements. A GPUs ability to distribute the computational load over hundreds of cores makes then effective enough for a variety of applications like Machine Learning, scientific computing etc...",
+    //   mdfile: vim_plugins, 
+  },
+  {
+    id: 5,
+    title: "Choosing the right Linux distribution",
+    src: "/assets/images/blogs_images/Choosing_the_right_Linux_distribution/cover.jpg",
+    author: "Parth Pant",
+    ctatext: "Read More",
+content:"For a beginner, getting into the world of linux can be a bit of a challenge. Linux is an open source operating system that is designed to do almost anything that any other OS like Windows or Mac can do.Linux is open source! This means anyone can change, edit and redistribute its source code. This is why there are various different distributions of  ...",
+
+    ctaLink: "/blogs/choosing_theright_linux",
+    tags: ["linux", "noobfriendly"],
+    description:
+      "This blog will give you an idea about different distros that are available and which one you should choose as a beginner. Lets begin with looking at some of the big names that are available...",
+    //   mdfile: vim_plugins, 
+  },
+  {
+    id: 6,
+    title: "Linux Shells",
+    src:"/assets/images/blogs_images/Linux_shell/coverlinux.jpg",
+    author: "Sumit Dhiman",
+    content:"A Shell provides you with an interface to the Unix system. It gathers input from you and executes programs based on that input. When a program finishes executing, it displays that program's output.Shell is an environment in which we can run our commands, programs, and shell scripts. Shells come in a variety of flavours, much as operating systems....",
+    tags: ['linux', 'userfriendly', 'shell', 'bash'],
+    ctatext: "Read More",
+    ctaLink: "/blogs/Linux_shell",
+    description:
+      "A Shell provides you with an interface to the Unix system. It gathers input from you and executes programs based on that input. When a program finishes executing, it displays that program's output...",
+    //   mdfile: vim_plugins, 
+  },
+  {
+    id: 7,
+    title: "Serverless Computing",
+    src: "/assets/images/blogs_images/serverless/serverless.jpg",
+    author: "Gaurav Pandey",
+    tags: ['serverless', 'development'],
+    ctatext: "Read More",
+    content:"Developers spend countless hours solving business problems with code. Then it’s the ops team’s turn to spend countless hours, first figuring out how to get the code that developers write up and running on whatever computers are available, and second making  ....",
+    ctaLink: "/blogs/serverless.mdx",
+    description:
+      "Developers spend countless hours solving business problems with code. Then it’s the ops team’s turn to spend countless hours, first figuring out how to get the code that developers write up and running on whatever computers are available, and second making sure those computers operate smoothly...",
+    //   mdfile: vim_plugins, 
+  },
+  {
+    id: 8,
+     title: "Static Single Assignment(SSA) in compilers",
+    src:"/assets/images/blogs_images/ssa/ssa.png" ,
+    author: "Arsh Sharma",
+    tags: ['compilers', 'development'],
+    ctatext: "Read More",
+    content:"In computer programming, as in real life, names are useful handles for concrete entities. The key point about SSA is that having unique names for distinct entities reduces uncertainty and imprecision.... ",
+    ctaLink: "/blogs/ssa",
+    description:
+      "In computer programming, as in real life, names are useful handles for concrete entities. The key point about SSA is that having unique names for distinct entities reduces uncertainty and imprecision... ",
+    //   mdfile: vim_plugins, 
+  },
+  {
+    id: 9,
+    title: "Useful Command Line Tools",
+    src: "/assets/images/blogs_images/terminal_utilites/terminal.png",
+    author: "Deepak Singh",
+    tags: ['terminal', 'linux','noobfriendly'],
+    ctatext: "Read More",
+    content:"The Linux command line is a text-based computer interface, and It is also known as the shell, terminal, console, prompt, and a variety of other names, and it can be intimidating at first for beginners.However, once you've grown accustomed to it, you'll realise how significant it is.In Linux, the command line is exceptionally strong and quick. ...",
+    ctaLink: "/blogs/terminalutilities",
+    description:
+      "The Linux command line is a text-based computer interface, and It is also known as the shell, terminal, console, prompt, and a variety of other names, and it can be intimidating at first for beginners...",
+    //   mdfile: vim_plugins, 
+  },
+];
+
+export default blogdata;