projects added

pages/works.js

@@ -11,6 +11,8 @@ import thumbSlateboarding from '../public/images/works/slateboarding_eyecatch.pn
 import thumbBlueDot from '../public/images/works/bluedot_eyecatch.png'
 import thumbSymphony from '../public/images/works/symphony_eyecatch.png'
 import thumbXmasChat from '../public/images/works/xmas-chat_eyecatch.png'
+import thumbDiscord from '../public/images/works/discord.png'
+import thumbLeetcode from '../public/images/works/leetcode.png'
 
 const Works = () => (
   <Layout title="Works">
@@ -78,6 +80,20 @@ const Works = () => (
       </Section>
 
       <SimpleGrid columns={[1, 1, 2]} gap={6}>
+        <Section delay={0.3}>
+          <WorkGridItem
+            id="leetcode"
+            title="Leetcode"
+            thumbnail={thumbLeetcode}
+          >
+            Fullstack Leetcode Clone.
+          </WorkGridItem>
+        </Section>
+        <Section delay={0.3}>
+          <WorkGridItem id="discord" title="Discord" thumbnail={thumbDiscord}>
+            Fullstack Discord Clone.
+          </WorkGridItem>
+        </Section>
         <Section delay={0.3}>
           <WorkGridItem
             id="xmaschat"

pages/works/discord.js

@@ -0,0 +1,51 @@
+import { Container, Badge, Link, List, ListItem } from '@chakra-ui/react'
+import Layout from '../../components/layouts/article'
+import { ExternalLinkIcon } from '@chakra-ui/icons'
+import { Title, WorkImage, Meta } from '../../components/work'
+import P from '../../components/paragraph'
+
+const Work = () => (
+  <Layout title="Discord Clone">
+    <Container>
+      <Title>
+        Discord Clone <Badge>2024</Badge>
+      </Title>
+      <P>Fullstack Discord Clone.</P>
+      <List ml={4} my={4}>
+        <ListItem>
+          <Meta>Website</Meta>
+          <Link
+            href="https://discord-clone-fullstack.onrender.com/"
+            target="_blank"
+          >
+            https://discord-clone-fullstack.onrender.com/{' '}
+            <ExternalLinkIcon mx="2px" />
+          </Link>
+        </ListItem>
+        <ListItem>
+          <Meta>Platform</Meta>
+          <span>Web</span>
+        </ListItem>
+        <ListItem>
+          <Meta>Stack</Meta>
+          <span>React, Next.js, Tailwind, Socket.io, Prisma, MySQL</span>
+        </ListItem>
+        <ListItem>
+          <Meta>Source</Meta>
+          <Link
+            href="https://github.com/Jorsch-0/discord-clone-fullstack"
+            target="_blank"
+          >
+            https://github.com/Jorsch-0/discord-clone-fullstack{' '}
+            <ExternalLinkIcon mx="2px" />
+          </Link>
+        </ListItem>
+      </List>
+
+      <WorkImage src="/images/works/discord.png" alt="Discord clone" />
+    </Container>
+  </Layout>
+)
+
+export default Work
+// export { getServerSideProps } from '../../components/chakra'

pages/works/leetcode.js

@@ -0,0 +1,51 @@
+import { Container, Badge, Link, List, ListItem } from '@chakra-ui/react'
+import Layout from '../../components/layouts/article'
+import { ExternalLinkIcon } from '@chakra-ui/icons'
+import { Title, WorkImage, Meta } from '../../components/work'
+import P from '../../components/paragraph'
+
+const Work = () => (
+  <Layout title="Leetcode Clone">
+    <Container>
+      <Title>
+        Leetcode Clone <Badge>2024</Badge>
+      </Title>
+      <P>Fullstack Leetcode Clone.</P>
+      <List ml={4} my={4}>
+        <ListItem>
+          <Meta>Website</Meta>
+          <Link
+            href="https://leetcode-clone-jorsch.vercel.app/"
+            target="_blank"
+          >
+            https://leetcode-clone-jorsch.vercel.app/{' '}
+            <ExternalLinkIcon mx="2px" />
+          </Link>
+        </ListItem>
+        <ListItem>
+          <Meta>Platform</Meta>
+          <span>Web</span>
+        </ListItem>
+        <ListItem>
+          <Meta>Stack</Meta>
+          <span>React, Next.js, Tailwind, Firebase</span>
+        </ListItem>
+        <ListItem>
+          <Meta>Source</Meta>
+          <Link
+            href="https://github.com/Jorsch-0/leetcode-clone"
+            target="_blank"
+          >
+            https://github.com/Jorsch-0/leetcode-clone{' '}
+            <ExternalLinkIcon mx="2px" />
+          </Link>
+        </ListItem>
+      </List>
+
+      <WorkImage src="/images/works/leetcode.png" alt="Leetcode Clone" />
+    </Container>
+  </Layout>
+)
+
+export default Work
+// export { getServerSideProps } from '../../components/chakra'