added blogify to projects

Dhunu · Jul 12, 2024 · d2646ae · d2646ae
1 parent 50f2489
commit d2646ae
Show file tree

Hide file tree

Showing 11 changed files with 40 additions and 86 deletions.
diff --git a/dist/assets/files/Angel_Saikia.pdf b/dist/assets/files/Angel_Saikia.pdf
diff --git a/dist/assets/images/about.png b/dist/assets/images/about.png
diff --git a/dist/assets/images/hero-image.png b/dist/assets/images/hero-image.png
diff --git a/dist/assets/images/logo.png b/dist/assets/images/logo.png
diff --git a/dist/assets/react.svg b/dist/assets/react.svg
diff --git a/dist/index.html b/dist/index.html
diff --git a/dist/vite.svg b/dist/vite.svg
diff --git a/package.json b/package.json
@@ -52,6 +52,6 @@
     "postcss": "^8.4.31",
     "tailwindcss": "^3.3.5",
     "typescript": "^5.0.2",
-    "vite": "^4.4.5"
+    "vite": "^4.5"
   }
 }
diff --git a/public/assets/images/blogify.png b/public/assets/images/blogify.png
diff --git a/src/components/ProjectSection.tsx b/src/components/ProjectSection.tsx
@@ -9,41 +9,22 @@ const ProjectSection = () => {
             <h1 className="md:text-5xl font-serif text-3xl font-extrabold text-center">
                 My Projects
             </h1>
-            <Tabs defaultValue="all" className="mt-10">
+            <Tabs defaultValue="fea" className="mt-10">
                 <div className="flex justify-center mb-10">
                     <TabsList>
-                        <TabsTrigger value="all">All</TabsTrigger>
+                        <TabsTrigger value="fea">Featured</TabsTrigger>
+                        <TabsTrigger value="fs">FullStack</TabsTrigger>
                         <TabsTrigger value="fe">Frontend</TabsTrigger>
                         <TabsTrigger value="be">Backend</TabsTrigger>
                     </TabsList>
                 </div>
                 <TabsContent
-                    value="all"
-                    className="justify-evenly flex flex-wrap gap-2"
+                    value="fea"
+                    className="flex flex-wrap justify-center gap-10"
                 >
                     {projects
-                        .sort((a, b) => b.id - a.id)
-                        .filter(
-                            (project) =>
-                                project.scope === projectScope.FullStack
-                        )
-
-                        .map((project) => (
-                            <ProjectCard
-                                key={project.title}
-                                projectName={project.title}
-                                projectImage={project.image}
-                                projectLink={project.url}
-                                projectGithub={project.github}
-                                projectTags={project.techStack}
-                            />
-                        ))}
-                    {projects
-                        .sort((a, b) => b.id - a.id)
-                        .filter(
-                            (project) => project.scope === projectScope.FrontEnd
-                        )
-
+                        .sort((a, b) => a.id - b.id)
+                        .filter((project) => project.featured)
                         .map((project) => (
                             <ProjectCard
                                 key={project.title}
@@ -54,12 +35,17 @@ const ProjectSection = () => {
                                 projectTags={project.techStack}
                             />
                         ))}
+                </TabsContent>
+                <TabsContent
+                    value="fs"
+                    className="flex flex-wrap justify-center gap-10"
+                >
                     {projects
-                        .sort((a, b) => b.id - a.id)
+                        .sort((a, b) => a.id - b.id)
                         .filter(
-                            (project) => project.scope === projectScope.BackEnd
+                            (project) =>
+                                project.scope === projectScope.FullStack
                         )
-
                         .map((project) => (
                             <ProjectCard
                                 key={project.title}
@@ -71,10 +57,9 @@ const ProjectSection = () => {
                             />
                         ))}
                 </TabsContent>
-
                 <TabsContent
                     value="be"
-                    className="justify-evenly flex flex-wrap gap-2"
+                    className="flex flex-wrap justify-center gap-10"
                 >
                     {projects
                         .filter(
@@ -93,7 +78,7 @@ const ProjectSection = () => {
                 </TabsContent>
                 <TabsContent
                     value="fe"
-                    className="justify-evenly flex flex-wrap gap-2"
+                    className="flex flex-wrap justify-center gap-10"
                 >
                     {projects
                         .filter(

diff --git a/src/constants/index.ts b/src/constants/index.ts
@@ -99,6 +99,7 @@ export const projects = [
         github: "https://github.com/Dhunu/Covid_Vacination",
     },
     {
+        featured: true,
         scope: projectScope.FullStack,
         id: 6,
         title: "Safar Sathi",
@@ -111,4 +112,25 @@ export const projects = [
         url: "https://safar-sathi.vercel.app/",
         github: "https://github.com/Dhunu/safar-sathi",
     },
+    {
+        featured: true,
+        scope: projectScope.FullStack,
+        id: 7,
+        title: "Blogify",
+        description:
+            "This is a blog website where users can create, read, update and delete blogs. It is made using NextJS, TailwindCSS, Clerk Auth, MongoDB, Prisma and Vercel.",
+        type: projectType.Individual,
+        techStack: ["NextJS", "Clerk", "MongoDB"],
+        allTechStack: [
+            "NextJS",
+            "TailwindCSS",
+            "Clerk",
+            "MongoDB",
+            "Prisma",
+            "Vercel",
+        ],
+        image: "/assets/images/blogify.png",
+        url: "https://blogify.angelsaikia.com",
+        github: "https://github.com/Dhunu/blogify",
+    },
 ];