Added New Project

sayshark75 · Dec 12, 2023 · e7e4e59 · e7e4e59
1 parent 39ca43c
commit e7e4e59
Show file tree

Hide file tree

Showing 5 changed files with 56 additions and 13 deletions.
diff --git a/src/TYPES.ts b/src/TYPES.ts
@@ -74,6 +74,12 @@ export type TimelineCardProps = {
   icon: JSX.Element;
 };
 
+export enum ProjectStatus {
+  Building = "In Progress",
+  Development = "In Development",
+  Completed = "Completed",
+}
+
 export type ProjectDataProps = {
   live: string;
   github: string;
@@ -82,6 +88,7 @@ export type ProjectDataProps = {
   workType: string;
   heading2: string;
   summary: string;
+  status: ProjectStatus;
   TStack: string[];
 };
 

diff --git a/src/assets/projects/yogi.webp b/src/assets/projects/yogi.webp
diff --git a/src/components/ProjectsPage/ProjectsCard.tsx b/src/components/ProjectsPage/ProjectsCard.tsx
@@ -2,7 +2,7 @@ import { Button, Flex, Highlight, Text } from "@chakra-ui/react";
 import { ProjectDataProps } from "../../TYPES";
 import SmHeading from "../Headings/SmHeading";
 
-const ProjectsCard = ({ live, github, image, workType, heading1, heading2, summary, TStack }: ProjectDataProps) => {
+const ProjectsCard = ({ live, github, image, workType, heading1, heading2, status, summary, TStack }: ProjectDataProps) => {
   return (
     <Flex
       transition={"500ms"}
@@ -79,21 +79,35 @@ const ProjectsCard = ({ live, github, image, workType, heading1, heading2, summa
           fontSize={["10px", "12px"]}
           letterSpacing={"2px"}
           bgColor={"accent"}
-          color={"white"}
+          color={"#fff"}
           rounded={"full"}
           px={"12px"}
           py={"2px"}
         >
           {workType}
         </Text>
+        <Text
+          fontFamily={"Poppins"}
+          alignSelf={"flex-start"}
+          fontWeight={400}
+          fontSize={["10px", "12px"]}
+          letterSpacing={"2px"}
+          bgColor={"accentLight"}
+          color={"#fff"}
+          rounded={"full"}
+          px={"12px"}
+          py={"2px"}
+        >
+          {status}
+        </Text>
         <Flex transition={"500ms"} p={"2"} borderRadius={"5"} justifyContent={"space-between"} mt={"2"} alignItems={"center"} gap={"4"}>
           <a href={live} target={"_blank"} rel="noreferrer">
             <Button
               transition={"500ms"}
               fontSize={["14px", "16px"]}
               width={"7rem"}
               fontWeight={["300", "400"]}
-              color={"white"}
+              color={"#fff"}
               letterSpacing={"2px"}
               _hover={{}}
               _active={{ bgColor: "accent", transform: "translateY(10px)" }}
@@ -109,7 +123,7 @@ const ProjectsCard = ({ live, github, image, workType, heading1, heading2, summa
                 fontSize={["14px", "16px"]}
                 width={"7rem"}
                 fontWeight={["300", "400"]}
-                color={"white"}
+                color={"#fff"}
                 letterSpacing={"2px"}
                 _hover={{}}
                 _active={{ bgColor: "accent", transform: "translateY(10px)" }}

diff --git a/src/sources/Links.ts b/src/sources/Links.ts
@@ -10,8 +10,6 @@ export const TopBarLinkedIn: string = "https://www.linkedin.com/company/topbar-c
 export const TopBarWebsite: string = "https://www.topbar.in/";
 export const AutotronLogo: string = "https://www.autotron.tech/logo.png";
 export const AutotronWebsite: string = "https://www.autotron.tech/";
-export const EquationsLLCWebsite: string = "https://equations-llc.vercel.app/";
-export const TruptiWebsite: string = "https://www.trupti.co.in/";
 export const AutotronLinkedIn: string = "";
 export const MasaiLogo: string = "https://masai-website-images.s3.ap-south-1.amazonaws.com/logo.png";
 export const MasaiWebsite: string = "https://www.masaischool.com/";
@@ -59,3 +57,9 @@ export const GadgetRamboLive: string = "https://gadget-rambo.netlify.app/";
 export const KoovsGithub: string = "https://github.com/sukanta255/ordinary-summer-5089";
 
 export const KoovsLive: string = "https://frontend-mohit-6164.vercel.app/";
+
+export const EquationsLLCWebsite: string = "https://equations-llc.vercel.app/";
+
+export const TruptiWebsite: string = "https://www.trupti.co.in/";
+
+export const yogiInternationalWebsite: string = "https://yogis-international.myshopify.com/";
diff --git a/src/sources/ProjectsData.ts b/src/sources/ProjectsData.ts
@@ -1,4 +1,4 @@
-import { ProjectDataProps } from "../TYPES";
+import { ProjectDataProps, ProjectStatus } from "../TYPES";
 
 import truptiImg from "../assets/projects/trupti.webp";
 import autotronImg from "../assets/projects/autotron.webp";
@@ -8,6 +8,7 @@ import koovsImg from "../assets/projects/koovs.webp";
 import glamazonImg from "../assets/projects/glamazon.webp";
 import indExpImg from "../assets/projects/iexpress.webp";
 import equationsImg from "../assets/projects/equations.webp";
+import yogiImg from "../assets/projects/yogi.webp";
 
 import {
   APrimeGithub,
@@ -23,27 +24,40 @@ import {
   glamazonLive,
   indianExpressGithub,
   indianExpressLive,
+  yogiInternationalWebsite,
 } from "./Links";
 
 // TStack [react,CHakraUI,JS,HTML,CSS,TS,Redux,FIrebase, Node,Express,Mongo]
 
 export const ProjectsData: ProjectDataProps[] = [
+  {
+    live: yogiInternationalWebsite,
+    github: "",
+    image: yogiImg,
+    heading1: "Yogi's",
+    heading2: "international",
+    status: ProjectStatus.Building,
+    workType: "Team of 2 Members",
+    summary: "Sell Ayurvedic and Pranic food, cosmetic products.",
+    TStack: ["Shopify", "Liquid", "CSS"],
+  },
   {
     live: EquationsLLCWebsite,
     github: "",
     image: equationsImg,
     heading1: "Equations",
     heading2: "(Virtual CFO)",
+    status: ProjectStatus.Development,
     workType: "Team of 3 Members",
-    summary:
-      "Provides financial strategy and accounting solutions for startups.",
+    summary: "Provides financial strategy and accounting solutions for startups.",
     TStack: ["React", "ViteJS", "Express", "ChakraUI"],
   },
   {
     live: TruptiWebsite,
     github: "",
     image: truptiImg,
     heading1: "Trupti",
+    status: ProjectStatus.Completed,
     heading2: "Treats",
     workType: "Team of 4 Members",
     summary: "Sells Sweet and Snacks across all Cities in India.",
@@ -55,6 +69,7 @@ export const ProjectsData: ProjectDataProps[] = [
     image: autotronImg,
     heading1: "Autotron",
     heading2: "Electronics",
+    status: ProjectStatus.Completed,
     workType: "Team of 4 Members",
     summary: "Sells and repairs electronic projects and Labkits.",
     TStack: ["React", "NextJS", "MongoDB", "Tailwind"],
@@ -64,6 +79,7 @@ export const ProjectsData: ProjectDataProps[] = [
     github: KoovsGithub,
     image: koovsImg,
     heading1: "KOOVS",
+    status: ProjectStatus.Completed,
     heading2: "(Clone)",
     workType: "Team of 4 Members",
     summary: "An Ecommerce website for fashion-related products.",
@@ -74,6 +90,7 @@ export const ProjectsData: ProjectDataProps[] = [
     github: APrimeGithub,
     image: aPrimeImg,
     heading1: "A-Prime",
+    status: ProjectStatus.Completed,
     heading2: "(Youtube App)",
     workType: "Individual",
     summary: "A simple video platform to watch YouTube videos Online.",
@@ -85,16 +102,17 @@ export const ProjectsData: ProjectDataProps[] = [
     image: gRamboImg,
     heading1: "Gadget360",
     heading2: "(Clone)",
+    status: ProjectStatus.Completed,
     workType: "Team of 5 members",
-    summary:
-      "A tech gadgets website with specifications of electronic gadgets.",
+    summary: "A tech gadgets website with specifications of electronic gadgets.",
     TStack: ["React", "NextJS", "Firebase", "Redux", "ChakraUI"],
   },
   {
     live: glamazonLive,
     github: glamazonGithub,
     image: glamazonImg,
     heading1: `BeautyBebo`,
+    status: ProjectStatus.Completed,
     heading2: "(Clone)",
     workType: "Individual",
     summary: "An Ecommerce website for cosmetics and beauty products.",
@@ -105,10 +123,10 @@ export const ProjectsData: ProjectDataProps[] = [
     github: indianExpressGithub,
     image: indExpImg,
     heading1: "IndianExpress",
+    status: ProjectStatus.Completed,
     heading2: "(Clone)",
     workType: "Individual",
-    summary:
-      "An online and offline news platform with a mix of news and information.",
+    summary: "An online and offline news platform with a mix of news and information.",
     TStack: ["JavaScript", "HTML", "CSS"],
   },
 ];