chore: refact all projects and translations

feat: add a page for all projects
Lobooooooo14 · Sep 30, 2024 · 8ac7be4 · 8ac7be4
1 parent dd1763d
commit 8ac7be4
Show file tree

Hide file tree

Showing 59 changed files with 2,431 additions and 1,200 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -60,6 +60,7 @@
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.53.0",
     "react-i18next": "^15.0.1",
+    "react-markdown": "^9.0.1",
     "react-resizable-panels": "^2.1.1",
     "react-responsive": "^10.0.0",
     "react-router-dom": "^6.26.1",

diff --git a/public/locales/en-US/translation.json b/public/locales/en-US/translation.json
diff --git a/public/locales/en/common.json b/public/locales/en/common.json
@@ -0,0 +1,21 @@
+{
+  "name": "Lobo",
+  "theme": {
+    "dark": "Dark",
+    "light": "Light",
+    "system": "System",
+    "changeTheme": "Change theme"
+  },
+  "language": {
+    "changeLanguage": "Change language",
+    "english": "English",
+    "portuguese": "Portuguese"
+  },
+  "navbar": {
+    "home": "Home",
+    "projects": "Projects"
+  },
+  "seeMore": "See More",
+  "open": "Open",
+  "back": "Back"
+}
diff --git a/public/locales/en/pages/error.json b/public/locales/en/pages/error.json
@@ -0,0 +1,4 @@
+{
+  "oops": "Oops!",
+  "somethingWentWrong": "Something went wrong."
+}
diff --git a/public/locales/en/pages/home.json b/public/locales/en/pages/home.json
@@ -0,0 +1,49 @@
+{
+  "hero": {
+    "title": "Hello, I'm Lobo",
+    "subtitle": "Front-end developer"
+  },
+  "about": {
+    "title": "About",
+    "begin": {
+      "title": "The beginning",
+      "description": "I had my first contact with programming in 2016, through Arduino, reading free e-books on the internet. Shortly afterwards, I decided to learn Python using just a cell phone."
+    },
+    "decision": {
+      "title": "The decision",
+      "description": "I dedicated myself exclusively to Python for a long period, but I realized it was time to expand my knowledge. He was So I started studying HTML, CSS and JavaScript."
+    },
+    "progression": {
+      "title": "The progression",
+      "description": "Since then, I have continued learning, focusing mainly on React framework, in addition to exploring other technologies."
+    }
+  },
+  "projects": {
+    "title": "Projects",
+    "viewAll": "View all projects",
+    "card": {
+      "invertColors": "Inverted Colors. Click to disable",
+      "originalColors": "Original Colors. Click to invert"
+    }
+  },
+  "contact": {
+    "title": "Contact",
+    "card": {
+      "title": "Send me an email",
+      "description": "Send a e-mail to <0>{{email}}</0>, or fill out the form below.",
+      "form": {
+        "subject": {
+          "label": "Subject",
+          "placeholder": "Enter subject",
+          "description": "Write a subject for your message."
+        },
+        "body": {
+          "label": "Body",
+          "placeholder": "Enter body",
+          "description": "Write your message here."
+        },
+        "send": "Send"
+      }
+    }
+  }
+}
diff --git a/public/locales/en/pages/notfound.json b/public/locales/en/pages/notfound.json
@@ -0,0 +1,4 @@
+{
+  "404": "404",
+  "pageNotFound": "Whoops! Page not found."
+}
diff --git a/public/locales/en/pages/project.json b/public/locales/en/pages/project.json
@@ -0,0 +1,5 @@
+{
+  "project-page": {
+    "github": "GitHub"
+  }
+}
diff --git a/public/locales/en/pages/projects.json b/public/locales/en/pages/projects.json
@@ -0,0 +1,8 @@
+{
+  "title": "Projects",
+  "sections": {
+    "websites": "Websites",
+    "python": "Python projects",
+    "other": "Other projects"
+  }
+}
diff --git a/public/locales/en/projects.json b/public/locales/en/projects.json
@@ -0,0 +1,26 @@
+{
+  "shortStats": {
+    "shortDescription": "Simple URL shortener with charts",
+    "description": "## What is {{name}}?\n\n**{{name}}** is a simple URL shortener that allows users to create and share custom short URLs. It also includes charts displaying the number of clicks, as well as information about the devices and operating systems used to access the links.\n\n## How did it start?\n\nThe project started during a high school *entrepreneurial projects* assignment, where we were allowed to develop software in general.\n\nThe maximum deadline for delivering the project was one month. {{name}} was fully developed within this time, with more focus on weekends when I had more free time. I chose to use **Firebase** as the backend and the **Ionic Framework** for the interface framework, considering the short timeframe, as these tools speed up development and make integration easier. For the charts, I used **MUI charts** to match the design of the Ionic Framework (material design)."
+  },
+  "arrozChat": {
+    "shortDescription": "Realtime global chat with Firebase",
+    "description": "## What is {{name}}?\n\n**{{name}}** was a real-time global chat project developed to learn React and test Firebase functionalities. It allows users to chat from anywhere in the world, using Firebase's authentication tools and real-time database.\n\n## About the project\n\nThe project is a reimplementation of [@cookieukw/ArrozChatMaster](https://github.com/cookieukw/ArrozChatMaster/), with the goal of exploring **Firebase** alongside **React**, **Styled Components**, **i18next** and **Vite**.\n\nThis was my first \"big\" project using React, as well as my first experience with Firebase, Framer Motion and i18next. The code isn't the best since I was still learning.\n\nI developed Arroz Chat during high school as part of a group project, where we had to create a product. Although it could have been just an idea, we decided to build something real. We had one week for the development: one member made the logo, another helped with the colors and design, and I programmed everything. I built the whole foundation in 3 days and spent the remaining time refining the project."
+  },
+  "bibliotecaPocket": {
+    "shortDescription": "Landing page for a book app",
+    "description": "## What is {{name}}?\n\n{{name}} is an application developed by [@cookieukw](https://github.com/cookieukw) that performs *web scrapping* on the website [Domain Público](http://www.dominiopublico.gov.br/pesquisa/PesquisaObraForm.jsp) through an [API](https://github.com/cookieukw/PocketLibraryAPI) developed by the same.\n\n## My participation\n\n[@cookieukw](https://github.com/cookieukw) asked for my help to develop the project page. The project was built with **React**, **TypeScript**, **Tailwindcss**, **Framer Motion** and **Vite**. In addition to integration with the GitHub API. This project was my first time using Tailwindcss."
+  },
+  "olobo": {
+    "shortDescription": "My personal portifolio",
+    "description": "## what is \"{{name}}\"?\n\n\"{{name}}\" is my personal portfolio, which was developed with **React**, **TypeScript**, **Tailwindcss**, **Shadcn/ui**, **Framer Motion**, **i18next** and **Vite**. This project is my first project using Shadcn/ui."
+  },
+  "tempyrature": {
+    "shortDescription": "Temperature conversion library in Python",
+    "description": "## What is {{name}}?\n\n{{name}} is a simple temperature conversion library in Python. Supports **Celcius**, **Farhenheit**, **Kelvin** and **Rankine**.\n\n## Motivation\n\nThe library was created to learn about **Pypi**, documentation with **Sphinx** and tests with **Pytest**."
+  },
+  "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)."
+  }
+}
diff --git a/public/locales/en/validation.json b/public/locales/en/validation.json
@@ -0,0 +1,6 @@
+{
+  "shortSubjectContact": "The subject is too short.",
+  "bigSubjectContact": "The subject is too long.",
+  "shortBodyContact": "The e-mail body is too short.",
+  "bigBodyContact": "The e-mail body is too long."
+}
diff --git a/public/locales/pt-BR/translation.json b/public/locales/pt-BR/translation.json
diff --git a/public/locales/pt/common.json b/public/locales/pt/common.json
@@ -0,0 +1,21 @@
+{
+  "name": "Lobo",
+  "theme": {
+    "dark": "Escuro",
+    "light": "Claro",
+    "system": "Sistema",
+    "changeTheme": "Mudar tema"
+  },
+  "language": {
+    "changeLanguage": "Mudar idioma",
+    "english": "Inglês",
+    "portuguese": "Português"
+  },
+  "navbar": {
+    "home": "Início",
+    "projects": "Projetos"
+  },
+  "seeMore": "Ver mais",
+  "open": "Abrir",
+  "back": "Voltar"
+}
diff --git a/public/locales/pt/pages/error.json b/public/locales/pt/pages/error.json
@@ -0,0 +1,4 @@
+{
+  "oops": "Opa!",
+  "somethingWentWrong": "Algo deu errado."
+}