static

Author: mrinalxdev

Diff for: app/api/paper/[id]/route.js

@@ -12,8 +12,17 @@ body {
   }
 }
 
+.code-viewer {
+  padding: 1rem;
+  background-color: #1e293b; /* Dark background */
+  color: #d1d5db; /* Lighter text color */
+  overflow-y: scroll;
+  height: 100%;
+} 
+
 @layer base {
   :root {
+    --radius: 0.5rem;
     --background: 0 0% 100%;
     --foreground: 222.2 84% 4.9%;
     --card: 0 0% 100%;
@@ -38,7 +47,6 @@ body {
     --chart-3: 197 37% 24%;
     --chart-4: 43 74% 66%;
     --chart-5: 27 87% 67%;
-    --radius: 0.5rem;
   }
   .dark {
     --background: 222.2 84% 4.9%;

Diff for: app/api/search/route.js

@@ -13,7 +13,7 @@ const geistMono = localFont({
 });
 
 export const metadata = {
-  title: "Create Next App",
+  title: "MeetMinds",
   description: "Generated by create next app",
 };
 

Diff for: app/globals.css

@@ -1,34 +1,60 @@
-"use client"
-import SearchForm from '@/components/SearchForm'
-import { useInView } from 'framer-motion'
-import debounce from 'lodash/debounce'
-import {useState, useEffect, useCallback} from 'react'
 
-export default function Home() {
-  const {searchTerm, setSearchTerm} = useState('')
-  const [category, setCategory] = useState('')
-  const [paper, setPaper] = useState('')
-  const [isLoading, setIsLoading] = useState('')
-  const [page, setPage] = useState(1)
-  const [hasMore, setHasMore] = useState(true)
-
-  const { ref, inView } = useInView({
-    threshold : 0,
-  })
+import Navbar from '../components/Navbar'
+import Banner from "../components/Banner"
+import Post from "../components/Post"
 
-  const debouncedSearch = useCallback(
-    debounce((term, cat) => {
-      handleSearch(term, cat)
-    }, 300),
-    []
-  )
+const items = [
+  {
+    id: 1,
+    title: "JWT Authentication",
+    languages: "Node.js",
+    desc: "JWT Authentication: Implements secure user authentication using JSON Web Tokens (JWT), handling user sessions and protecting routes.",
+    link: "/post/jwtauthentication"
+  },
+  {
+    id: 2,
+    title: "Rate Limitter",
+    languages: "JavaScript",
+    desc: "Rate limiter: Controls traffic flow, limits requests, and throttles excessive usage to prevent overload, DDoS attacks, and ensure stability.",
+    link: "/post/ratelimiter"
+  },
+  {
+    id: 3,
+    title: "CRUD API with MongoDB",
+    languages: "Node.js, MongoDB",
+    desc: "CRUD API: Provides endpoints for creating, reading, updating, and deleting resources, built using MongoDB as the database.",
+    link: "/post/crudapi"
+  },
+  {
+    id: 4,
+    title: "File Upload Service",
+    languages: "Python, Flask",
+    desc: "File Upload: Service for handling file uploads with validation and storage on the server, ensuring secure and efficient file handling.",
+    link: "/post/fileuploadservice"
+  },
+  {
+    id: 5,
+    title: "WebSocket Chat App",
+    languages: "JavaScript, Node.js",
+    desc: "WebSocket Chat: Real-time communication app using WebSocket protocol, allowing users to send and receive messages instantly.",
+    link: "/post/websocketchat"
+  }
+];
 
+export default function Home() {
   return (
-    <div className="container mx-auto p-4">
-      <h1 className="text-3xl font-bold mb-4">ResearchHub</h1>
-      <SearchForm searchTerm={searchTerm} setSearchTerm={setSearchTerm} category={category} setCategory={setCategory} />
+    <div className="container mx-auto">
+      <Navbar />
+
+      <div className="mt-[4rem]">
+        <Banner />
+      </div>
 
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"></div>
+      <div className="mt-[2rem] grid lg:grid-cols-3 md:grid-cols-2  gap-5 ">
+        {items.map((item, id) => (
+          <Post title={item.title} languages={item.languages} desc={item.desc} link={item.link} />
+        ))}
+      </div>
     </div>
   );
 }

Diff for: app/layout.js

@@ -0,0 +1,33 @@
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import ProjectStructure from "../../../components/ProjectStructure"
+import Link from "next/link";
+import ProjectBrief from "@/components/ProjectBrief";
+import CodeViewer from "@/components/CodeViewer"
+
+const Pages = () => {
+  return (
+    <div className="container mx-auto my-7 p-4">
+      <div className="text-3xl font-bold flex justify-between">
+        JWT Authentication
+        <Link href={"/"}>
+          <Button>Homepage</Button>
+        </Link>
+      </div>
+      <div className="mt-5">
+        <Badge>JavaScript</Badge>
+      </div>
+
+      <div className="mt-8 flex flex-col">
+        <div className="mt-5 flex gap-6">
+            <ProjectStructure />
+            <ProjectBrief />
+        </div>
+        <h1 className="text-xl p-[0.7rem] py-4 font-semibold">Code Walkthrough </h1>
+        <CodeViewer /> 
+      </div>
+    </div>
+  );
+};
+
+export default Pages;

Diff for: app/page.js

@@ -0,0 +1,39 @@
+import { Scale, Search, ShieldOff } from "lucide-react";
+import { Button } from "./ui/button";
+import { Input } from "./ui/input";
+
+const Banner = () => {
+  return (
+    <div className="flex flex-col max-w-4xl mx-auto">
+      <h1 className="text-center text-5xl font-bold">
+        Search for most optimised backend code to integrate in your app
+      </h1>
+
+      <div className="m-4 mt-6 flex gap-2">
+        <Input placeholder="Search for code ..." />
+        <Button>
+          <Search />
+        </Button>
+      </div>
+
+      <div className="flex mx-auto gap-4">
+        <Button
+          variant="outline"
+          className="flex gap-2 hover:shadow-lg duration-100 ease-in-out"
+        >
+          <Scale />
+          optimized LoadBalancer
+        </Button>
+        <Button
+          variant="outline"
+          className="flex gap-2 hover:shadow-lg duration-100 ease-in-out"
+        >
+          <ShieldOff />
+          optimized Ratelimiter
+        </Button>
+      </div>
+    </div>
+  );
+};
+
+export default Banner;