Merge pull request #10 from Lobooooooo14/dev

Dev

public/locales/en/pages/projects.json

@@ -3,6 +3,7 @@
   "sections": {
     "websites": "Websites",
     "python": "Python projects",
+    "study": "Studies/events/courses",
     "other": "Other projects"
   }
 }

public/locales/en/projects.json

@@ -22,5 +22,9 @@
   "vexpy": {
     "shortDescription": "Discord bot made in Python",
     "description": "## What is {{name}}?\n\n{{name}} is a Discord bot made in Python using the [disnake](https://docs.disnake.dev/) library. The bot has several commands for fun and entertainment, such as image manipulation and roleplay events, but it also has some other tools, such as QR code creation, viewing server and user data, and temperature conversion through [another project]( /projects/tempyrature)."
+  },
+  "nlwPocketInorbit": {
+    "shortDescription": "Full-stack project developed during the NLW Pocket JavaScript event from Rocketseat.",
+    "description": "## What is {{name}}?\n\n{{name}} was a project developed during Rocketseat's NLW Pocket JavaScript event. It is a To-Do list application where users can register and organize their daily and weekly goals."
   }
 }

public/locales/pt/pages/projects.json

@@ -3,6 +3,7 @@
   "sections": {
     "websites": "Websites",
     "python": "Projetos em Python",
+    "study": "Estudos/eventos/cursos",
     "other": "Outros projetos"
   }
 }

public/locales/pt/projects.json

@@ -22,5 +22,9 @@
   "vexpy": {
     "shortDescription": "Bot de Discord feito em Python",
     "description": "## O que é {{name}}?\n\n{{name}} é um bot de Discord feito em Python usando a biblioteca [disnake](https://docs.disnake.dev/). O bot possui diversos comandos para diversão e entreterimento, como manipulação de imagens e eventos de roleplay, mas tambem possui algumas outras ferramentas, como criação de QR code, visualizar dados do servidor e usuários, e conversão de temperatura através de [outro projeto](/projects/tempyrature)."
+  },
+  "nlwPocketInorbit": {
+    "shortDescription": "Projeto full-stack desenvolvido durante o evento NLW Pocket JavaScript da Rocketseat.",
+    "description": "## O que é {{name}}?\n\n{{name}} foi um projeto desenvolvido durante o evento NLW Pocket JavaScript da Rocketseat. Trata-se de uma aplicação de To-Do list onde os usuários podem cadastrar e organizar suas metas diárias e semanais."
   }
 }

src/components/project-card.tsx

@@ -64,7 +64,7 @@ export default function ProjectCard({
       <CardContent className="space-y-3 p-4">
         <div className="text-center sm:text-left">
           <CardTitle>{project.title}</CardTitle>
-          <CardDescription>
+          <CardDescription className="overflow-x-hidden text-ellipsis text-nowrap">
             {t(project.shortDescription, { ns: "projects" })}
           </CardDescription>
         </div>

src/content/projects/index.ts

@@ -1,6 +1,7 @@
 import { IconType } from "@icons-pack/react-simple-icons"
 
 import python from "./python"
+import study from "./study"
 import websites from "./websites"
 
 type BadgeType = {
@@ -36,6 +37,7 @@ type ProjectsType = Record<string, { name: string; items: ProjectType[] }>
 const projects: ProjectsType = {
   websites: { name: "sections.websites", items: websites },
   python: { name: "sections.python", items: python },
+  study: { name: "sections.study", items: study },
   other: { name: "sections.other", items: [] }
 }
 

src/content/projects/study/index.ts

@@ -0,0 +1,3 @@
+import nlwPocketJavascriptInorbit from "./nlw-pocket-inorbit"
+
+export default [nlwPocketJavascriptInorbit]

src/content/projects/study/nlw-pocket-inorbit.ts

@@ -0,0 +1,62 @@
+import {
+  SiDrizzle,
+  SiDrizzleHex,
+  SiFastify,
+  SiPostgresql,
+  SiPostgresqlHex,
+  SiReact,
+  SiReactHex,
+  SiTypescript,
+  SiTypescriptHex,
+  SiVite,
+  SiViteHex
+} from "@icons-pack/react-simple-icons"
+
+import NLWPocketJavascriptInorbitPoster from "@/assets/nlw-pocket-inorbit/nlw-pocket-inorbit-poster.webp"
+
+import { ProjectType } from ".."
+
+const nlwPocketJavascriptInorbit: ProjectType = {
+  slug: "nlw-pocket-inorbit",
+  title: "NLW Pocket Inorbit",
+  shortDescription: "nlwPocketInorbit.shortDescription",
+  description: "nlwPocketInorbit.description",
+  github: "https://github.com/Lobooooooo14/nlw-pocket-js-inorbit",
+  poster: {
+    src: NLWPocketJavascriptInorbitPoster
+  },
+  badges: [
+    {
+      name: "React",
+      icon: SiReact,
+      iconColor: SiReactHex
+    },
+    {
+      name: "TypeScript",
+      icon: SiTypescript,
+      iconColor: SiTypescriptHex
+    },
+    {
+      name: "Vite",
+      icon: SiVite,
+      iconColor: SiViteHex
+    },
+    {
+      name: "PostgreSQL",
+      icon: SiPostgresql,
+      iconColor: SiPostgresqlHex
+    },
+    {
+      name: "Fastify",
+      icon: SiFastify,
+      iconColor: "#757575"
+    },
+    {
+      name: "Drizzle-kit",
+      icon: SiDrizzle,
+      iconColor: SiDrizzleHex
+    }
+  ]
+}
+
+export default nlwPocketJavascriptInorbit