🔖 deploy first version react page

.gitignore

@@ -21,3 +21,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+*.env

package.json

@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
+    "dotenv": "^16.0.1",
     "html-react-parser": "^3.0.1",
     "prop-types": "^15.8.1",
     "react": "^16.13.1",
@@ -37,5 +38,6 @@
   },
   "devDependencies": {
     "react-error-overlay": "^6.0.9"
-  }
+  },
+  "build_staging": "PUBLIC_URL=https://www.wribeiiro.com react-scripts build"
 }

public/data/en.json

@@ -25,7 +25,7 @@
         "info": {
             "avatar": "https://avatars.githubusercontent.com/u/20648572?s=460&u=47a55caca6dbc315d1932aaf77eefa20b2002baf&v=4",
             "firstText": "Wellisson Ribeiro",
-            "secondText": "Fullstack Developer ~ ",
+            "secondText": "Backend Developer ~ ",
             "thirdText": "English Student",
             "languageOptions": [
                 {
@@ -47,13 +47,13 @@
                 "banner": {
                     "background": "https://cdna.artstation.com/p/assets/images/images/036/822/576/original/karina-formanova-cover-final.gif?1618727960",
                     "firstText": "Wellisson Ribeiro",
-                    "secondText": "Fullstack Developer"
+                    "secondText": "Backend Developer"
                 },
                 "terminal": {
                     "sudoCommand": "sudo --help aboutme",
                     "userRoot": "root@wribeiiro:~$ ",
                     "userRootBlink": "root@wribeiiro:/usr/aboutme/$ <span class='blink'>_</span>",
-                    "aboutComplete": "root@wribeiiro:~$ <span class='text-text'>sudo --help aboutme<br>Brazilian 🇧🇷 {myyear}y, christian ✝️, married 👰, and father of two kids 👶👶. <br>Gratuated in Analysis and Systems Development 🎓 and now, i am an english student 🇺🇸. <br>I've been working as Developer since 2016 with different technologies, but currently <br>my main stack is Back-end with PHP 🐘, Laravel and MySQL. Currently i work as a Software Engineer 👨‍💻 at <a class='text-purple' href='https://www.softexpert.com/'>SoftExpert.</a><br>All packages are up to date</span><br>"
+                    "aboutComplete": "root@wribeiiro:~$ <span class='text-text'>sudo --help aboutme<br>Brazilian 🇧🇷 {myyear}y, christian ✝️️, married 👰‍♀️, and father of two kids 👶👶.<br>In the last few months I became an English student 🇺🇸.<br>I have almost 6 years of experience in the development area, I've used several different tecnologies and languages,<br>also i worked as fullstack most of this time, but what I really like is the backend.<br>Currently I'm Software Engineer at SoftExpert. I'm passionate about PHP, Laravel 🐘 and Databases 🐬.<br>All packages are up to date</span><br>"
                 }
             }
         },

public/data/pt-br.json

@@ -25,7 +25,7 @@
         "info": {
             "avatar": "https://avatars.githubusercontent.com/u/20648572?s=460&u=47a55caca6dbc315d1932aaf77eefa20b2002baf&v=4",
             "firstText": "Wellisson Ribeiro",
-            "secondText": "Desenvolvedor Fullstack ~ ",
+            "secondText": "Desenvolvedor Backend ~ ",
             "thirdText": "Estudande de Inglês",
             "languageOptions": [
                 {
@@ -47,13 +47,13 @@
                 "banner": {
                     "background": "https://cdna.artstation.com/p/assets/images/images/036/822/576/original/karina-formanova-cover-final.gif?1618727960",
                     "firstText": "Wellisson Ribeiro",
-                    "secondText": "Desenvolvedor Fullstack"
+                    "secondText": "Desenvolvedor Backend"
                 },
                 "terminal": {
                     "sudoCommand": "sudo --ajuda sobremim",
                     "userRoot": "root@wribeiiro:~$ ",
                     "userRootBlink": "root@wribeiiro:/usr/aboutme/$ <span class='blink'>_</span>",
-                    "aboutComplete": "root@wribeiiro:~$ <span class='text-text'>sudo --ajuda sobremim<br>Brasileiro 🇧🇷 {myyear}, cristão ✝️, casado 👰, e pai de duas 👶👶. <br>Graduado em Análise e Desenvolvimento de Sistemas 🎓 e agora, sou um estudante de Inglês 🇺🇸. <br>Tenho trabalhado como Desenvolvedor desde 2016 com diferentes tegnologias, mas atualmente<br>minha stack principal é Back-end com PHP 🐘, Laravel e MySQL. Atualmente eu trabalho como Engenheiro de Software 👨‍💻<br>na <a class='text-purple' href='https://www.softexpert.com/'>SoftExpert.</a><br>Todos os pacotes estão atualizados.</span><br>"
+                    "aboutComplete": "root@wribeiiro:~$ <span class='text-text'>sudo --ajuda sobremim<br>Brasileiro 🇧🇷 {myyear}, cristão ✝️, casado 👰, e pai de duas 👶👶.<br>Nos últimos meses me tornei estudante de inglês 🇺🇸.<br>Tenho quase 6 anos de experiência na área de desenvolvimento, já utilizei diversas tecnologias e linguagens diferentes,<br>também trabalhei como fullstack na maior parte do tempo, mas o que gosto mesmo é do backend.<br>Atualmente sou Engenheiro de Software na SoftExpert. Sou apaixonado por PHP, Laravel 🐘 e Bancos de Dados 🐬.<br>Todos os pacotes estão atualizados.</span><br>"
                 }
             }
         },

src/App.jsx

@@ -33,7 +33,11 @@ export default function App() {
     const fetchTranslation = async () => {
         let translation = localStorage.getItem("wribeiiro-translation") ?? 'en';
 
-        await fetch(`http://localhost:3000/data/${translation}.json`, {
+        const endpoint = process.env.NODE_ENV === 'development'
+            ? process.env.REACT_APP_DEVELOPMENT_DOMAIN
+            : process.env.REACT_APP_PRODUCTION_DOMAIN;
+
+        await fetch(`${endpoint}/data/${translation}.json`, {
             method: "GET",
         })
         .then((response) => response.json())