Merge pull request #6 from pintoderian/main

fix en.json in summaries and activities

Author: pintoderian

…mponents/experiences/_children/resume.js …ponents/experiences/_children/summary.jsapp/components/experiences/_children/resume.js renamed to app/components/experiences/_children/summary.js app/components/experiences/_children/resume.js renamed to app/components/experiences/_children/summary.js

@@ -3,7 +3,7 @@
 import useTranslate from '@/hooks/useTranslate';
 import { useState } from 'react';
 
-const Resume = ({ text, textLarge }) => {
+const Summary = ({ text, activities = [] }) => {
   const { translate } = useTranslate();
   const [open, setOpen] = useState(false);
 
@@ -12,10 +12,12 @@ const Resume = ({ text, textLarge }) => {
       {!open ? (
         <p className="experience-content animate-fade-in-up">{text}</p>
       ) : (
-        <div
-          className="experience-content animate-fade-in-up"
-          dangerouslySetInnerHTML={{ __html: textLarge }}
-        ></div>
+        <ul>
+          {activities.length >= 1 &&
+            activities.map((activity, index) => {
+              return <li key={index}>{activity}</li>;
+            })}
+        </ul>
       )}
       <div className="flex w-full justify-end">
         <button
@@ -29,4 +31,4 @@ const Resume = ({ text, textLarge }) => {
   );
 };
 
-export default Resume;
+export default Summary;

app/components/experiences/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 import useTranslate from '@/hooks/useTranslate';
-import Resume from './_children/resume';
+import Summary from './_children/summary';
 import Title from '../title';
 
 const Experiences = () => {
@@ -30,9 +30,9 @@ const Experiences = () => {
                   <span className="text-neutral-700 dark:text-neutral-400 text-sm">
                     {experience.date}
                   </span>
-                  <Resume
-                    text={experience.resume}
-                    textLarge={experience.description}
+                  <Summary
+                    text={experience.summary}
+                    activities={experience.activities}
                   />
                 </div>
               </div>

app/components/sidebar/index.js

@@ -48,7 +48,7 @@ const Sidebar = () => {
             {translate('badge')}
           </h2>
           <p className="prose prose-neutral dark:prose-invert">
-            {translate('resume')}
+            {translate('summary')}
           </p>
         </div>
         <Social />

data/languages/en.json

@@ -1,10 +1,10 @@
 {
-  "about": "About",
+  "about": "About me",
   "experience": "Experience",
   "proyects": "Proyects",
   "skills": "Skills",
   "badge": "Full Stack Developer",
-  "resume": "I'm looking for challenges to grow professionally and collaborate on robust web projects.",
+  "summary": "I'm looking for challenges to grow professionally and collaborate on robust web projects.",
   "aboutme": [
     "I am a passionate software developer specializing in advanced technologies such as Git, React, Node, Typescript, Tailwind, and PHP. With extensive experience in creating robust and efficient web applications, I am known for my focus on code quality.",
     "If you're looking to take your projects to the next level and benefit from my experience, I'm here to help."
@@ -19,32 +19,67 @@
       "company": "El Universo",
       "employmentStatus": "Full-time",
       "date": "Sep 2021 - Present",
-      "resume": "Developed React components for ARC PUBLISHing, configured servers with Nginx, and migrated sites to Digital Ocean. Managed DFP integration with Piano and developed APIs with Express and Typescript.",
-      "description": "<ul>\n<li>Developed React components with ARC PUBLISHING for eluniverso.com</li>\n<li>Created microsites with Next.js and tailwindcss</li>\n<li>Adapted components with tailwindcss to enhance the user experience</li>\n<li>Implemented SCRUM methodology for task deployment</li>\n<li>Configured and maintained servers using Nginx</li>\n<li>Migrated websites to Digital Ocean for improved scalability and efficiency</li>\n<li>Integrated DoubleClick for Publishers (DFP) with Piano and maintained advertising modules</li>\n<li>Developed APIs with Express, Typescript, Jest, Husky, and Prettier</li>\n<li>Implemented Directus Headless CMS to optimize company business processes</li>\n</ul>"
+      "summary": "I developed React components for ARC PUBLISHING, configured servers on Nginx, and migrated websites to Digital Ocean. I also managed the integration of DFP with Piano and developed APIs using Express and Typescript.",
+      "activities": [
+        "Developed React components with ARC PUBLISHing for eluniverso.com",
+        "Created microsites using Next.js and tailwindcss",
+        "Adapted components with tailwindcss to enhance user experience",
+        "Implemented SCRUM methodology for task deployment",
+        "Configured and maintained servers using Nginx",
+        "Migrated websites to Digital Ocean to improve scalability and efficiency",
+        "Integrated DoubleClick for Publishers (DFP) with Piano and maintained advertising modules",
+        "Developed APIs using Express, Typescript, Jest, Husky, and Prettier",
+        "Implemented Directus Headless CMS to optimize company's business processes"
+      ]
     },
     {
       "title": "Senior FullStack Developer",
       "company": "Ecuavisa",
       "employmentStatus": "Full-time",
       "date": "Oct 2020 - Sep 2021",
-      "resume": "Led the migration of www.ecuavisa.com's CMS from Drupal to Protectmedia's IterCMS, ensuring uninterrupted site functionality. Developed custom modules, integrated Mediastream, and optimized site performance and SEO. Managed users and servers to maintain uninterrupted operation.",
-      "description": "<ul>\n<li>Led the migration of www.ecuavisa.com's CMS from Drupal to Protectmedia's IterCMS, ensuring uninterrupted site functionality</li>\n<li>Provided efficient technical support to editorial staff, ensuring timely issue resolution</li>\n<li>Developed custom modules to enhance Ecuavisa's website functionality and meet business needs</li>\n<li>Integrated the Mediastream video platform for an improved user experience</li>\n<li>Designed and developed microsites within the CMS to promote specific events and marketing campaigns</li>\n<li>Managed user access and data security within the CMS</li>\n<li>Optimized website speed and improved Google ranking through effective SEO strategies</li>\n<li>Corrected AMP template code to enhance mobile loading speed</li>\n<li>Administered servers to deploy various APIs and custom modules, ensuring uninterrupted website operation</li>\n</ul>"
+      "summary": "I led the migration of the website www.ecuavisa.com from Drupal to IterCMS by Protectmedia, ensuring the site's continuity. I developed custom modules, integrated Mediastream, and optimized the site's performance and SEO. Additionally, I managed users and servers to maintain uninterrupted operation.",
+      "activities": [
+        "Led the migration of www.ecuavisa.com's CMS from Drupal to IterCMS by Protectmedia, ensuring uninterrupted website continuity.",
+        "Provided support to the editorial staff, ensuring efficient and timely resolution of technical issues.",
+        "Developed custom modules to enhance Ecuavisa's website functionality and meet business needs.",
+        "Integrated the Mediastream video platform into the CMS to provide an improved user experience.",
+        "Designed and developed microsites within the CMS to promote specific events and marketing campaigns.",
+        "Managed users in the CMS to ensure appropriate access and data security.",
+        "Optimized the website speed and improved its Google ranking through effective SEO strategies.",
+        "Fixed AMP template code to improve mobile device loading speed.",
+        "Administered servers to deploy various APIs and custom modules, ensuring website operation continuity."
+      ]
     },
     {
       "title": "Project Leader",
       "company": "SV Technology",
       "employmentStatus": "Full-time",
       "date": "Mar 2020 - Sep 2020",
-      "resume": "Developed electronic invoicing systems with Laravel (PHP) and Vue.js, integrated with SAP Business One for efficient business accounting management. Also built a payroll system with the same technologies for streamlined employee payments. Conducted database migrations across MySQL, SQLServer, and PostgreSQL to ensure data integrity, oversaw software implementations and quality testing, provided software support to users, and developed custom modules to enhance company efficiency and productivity.",
-      "description": "<ul>\n<li>Developed electronic invoicing systems with Laravel (PHP) and Vue.js, integrated with SAP Business One for efficient business accounting management</li>\n<li>Developed a payroll system using Laravel (PHP) and Vue.js to simplify employee payment calculations and processing</li>\n<li>Conducted database migrations across various systems, including MySQL, SQLServer, and PostgreSQL, to ensure data integrity and security throughout the process</li>\n<li>Oversaw software implementation and testing to ensure the quality and proper functioning of the final product</li>\n<li>Provided software support to users, offering solutions and technical assistance in case of system issues or errors</li>\n<li>Developed custom modules to improve company processes and streamline workflow across different departments, optimizing overall efficiency and productivity</li>\n</ul>"
+      "summary": "I developed electronic billing systems using Laravel (PHP) and Vue.js, integrated with SAP Business One for efficient accounting management. Additionally, I built a payroll system with the same technologies to streamline employee payments. I conducted database migrations in MySQL, SQL Server, and PostgreSQL to ensure data integrity, supervised implementations and testing, provided user support, and developed custom modules to enhance the company's efficiency and productivity.",
+      "activities": [
+        "Developed electronic invoicing systems using Laravel (PHP) and Vue.js, integrating them with SAP Business One for more efficient corporate accounting management.",
+        "Built a payroll system using Laravel (PHP) and Vue.js to simplify employee payment calculation and processing.",
+        "Performed database migrations across different systems such as MySQL, SQL Server, and PostgreSQL to ensure data integrity and security throughout the process.",
+        "Monitored software implementation and testing to ensure the quality and proper functioning of the final product.",
+        "Provided user support for software-related issues, offering solutions and technical assistance in case of system failures or errors.",
+        "Created custom modules to enhance the company's processes and streamline workflow across various departments, optimizing efficiency and productivity."
+      ]
     },
     {
       "title": "FullStack Developer",
       "company": "Orodelti",
       "employmentStatus": "Full-time",
       "date": "Sep 2018 - Mar 2020",
-      "resume": "Developed enterprise platforms using PHP, Vue.js, Node.js, JQuery, HTML5, Bootstrap 4, Laravel, and .Net. Additionally, created Android applications, conducted data analysis, and generated reports for informed business decisions. Managed database migrations across PostgreSQL, SQLServer, and MYSQL, ensuring optimal functionality.",
-      "description": "<ul>\n<li>Developed enterprise platforms using PHP, Vue.js, Node.js, JQuery, HTML5, Bootstrap 4, Laravel, and .Net</li>\n<li>Created Android mobile applications</li>\n<li>Conducted data analysis and generated reports for informed business decisions</li>\n<li>Managed database migrations across systems such as PostgreSQL, SQLServer, and MYSQL, ensuring proper functionality and query optimization</li>\n</ul>"
+      "summary": "I developed enterprise platforms using PHP, Vue.js, Node.js, JQuery, HTML5, Bootstrap 4, Laravel, and .Net. I also created Android applications, conducted data analysis, and generated reports for decision-making. I managed database migrations with data integrity assurance, supervised software implementations and quality testing, provided technical support to users, and administered databases using systems such as PostgreSQL, SQL Server, and MySQL to ensure optimal performance.",
+      "activities": [
+        "Developed enterprise platforms using PHP, Vue.js, Node.js, JQuery, HTML5, Bootstrap 4, Laravel, and .Net.",
+        "Created Android mobile applications.",
+        "Conducted data analysis and generated reports for business decision-making.",
+        "Performed database migrations while ensuring data integrity throughout the process.",
+        "Monitored software implementation and testing to ensure the quality of the final product.",
+        "Provided user support for software-related issues, offering solutions to technical problems as they arose.",
+        "Managed databases using systems like PostgreSQL, SQL Server, and MySQL, ensuring proper functionality and query optimization."
+      ]
     }
   ]
 }