updating portfolio projects

src/components/Contact.jsx

@@ -1,12 +1,11 @@
-import React, { useContext } from 'react';
-import ToastContext from '../contexts/ToastContext';
+import React, { useContext } from "react";
+import ToastContext from "../contexts/ToastContext";
 
-import SectionTitle from './SectionTitle';
-import axios from 'axios';
+import SectionTitle from "./SectionTitle";
+import axios from "axios";
 
 function Contact() {
   const { showToast } = useContext(ToastContext);
-
 
   async function handleSubmit(e) {
     e.preventDefault(); // Prevent the default form submission behavior
@@ -18,19 +17,19 @@ function Contact() {
     try {
       const response = await axios.post(form.action, formData, {
         headers: {
-          Accept: 'application/json',
+          Accept: "application/json",
         },
       });
 
       if (response.status === 200) {
-        showToast('Message sent successfully!', 'success');
+        showToast("Message sent successfully!", "success");
         // Reset the form if needed
         form.reset();
       } else {
-        showToast('Error submitting Message. Please try again.', 'error');
+        showToast("Error submitting Message. Please try again.", "error");
       }
     } catch (error) {
-      showToast('Error submitting Message. Please try again.','error');
+      showToast("Error submitting Message. Please try again.", "error");
     }
   }
 
@@ -40,7 +39,7 @@ function Contact() {
         <SectionTitle>Contact Me</SectionTitle>
         <p className="text-justify pb-3">
           If you want to contanct me 📮, you can use the form below or send me
-          an email 📧 to{' '}
+          an email 📧 to{" "}
           <a
             className="underline text-blue-600 hover:text-blue-900 dark:text-blue-300 dark:hover:text-blue-500 "
             href="mailto:[email protected]"

src/data/portfolio.js

@@ -1,68 +1,70 @@
 export default [
   {
-    title: 'Themis Studio',
-    imgUrl: '/assets/projects/themis_studio.jpeg',
-    stack: ['HTML', 'TypeScript', 'NextJS', 'MaterialUI', 'OpenAI'],
-    repo: '',
-    demo: '',
+    title: "Macaroons Demo",
+    imgUrl: "/assets/projects/macaroons_demo.png",
+    stack: ["HTML", "JavaScript", "Python", "NextJS", "FastAPI", "Bootstrap"],
+    repo: "https://github.com/BigSamu/Macaroons_Demo",
+    demo: "https://macaroons-demo.vercel.app",
     details:
-      'An AI-driven web application created to condense and summarize extensive judicial documents, intended to alleviate the workload for judges and district attorneys when managing legal cases.',
-    type: 'Duo Project (2023) - Coming Soon',
-    blurry: true,
+      "A demo of macaroon tokens, a Google invention credential with contextual caveats for decentralized authorization and delegation. Application introduces the use of first-party caveats and is built with NextJS and FastAPI frameworks.",
+    type: "Solo Project (2023)",
   },
   {
-    title: 'AMG Portfolio',
-    imgUrl: '/assets/projects/amg_portfolio.png',
-    stack: ['HTML', 'JavaScript', 'ReactJS', 'ViteJS', 'TailwindCSS'],
-    repo: 'https://github.com/BigSamu/AMG_Portfolio',
-    demo: 'https://anamariagutierrez.art',
+    title: "AMG Portfolio",
+    imgUrl: "/assets/projects/amg_portfolio.png",
+    stack: ["HTML", "JavaScript", "ReactJS", "ViteJS", "TailwindCSS"],
+    repo: "https://github.com/BigSamu/AMG_Portfolio",
+    demo: "https://anamariagutierrez.art",
     details:
-      'A web portfolio for my mother, who is an artist! Simple and minimalist design used to showcase her work. Project powered by ReactJS, ViteJS and TailwindCSS.',
-    type: 'Solo Project (2023) - In Progress',
-
+      "A web portfolio for my mother, who is an artist! Simple and minimalist design used to showcase her work. Project powered by ReactJS, ViteJS and TailwindCSS.",
+    type: "Solo Project (2023)",
   },
   {
-    title: 'ChatGPT Image Creator',
-    imgUrl: '/assets/projects/chatgpt_image_creator.jpg',
-    stack: ['HTML', 'JavaScript', 'ReactJS', 'Bootstrap', 'ViteJS', 'OpenAI'],
-    repo: 'https://github.com/BigSamu/ChatGPT_Image_Creator',
-    demo: 'https://chat-gpt-image-creator.vercel.app/',
+    title: "ChatGPT Image Creator",
+    imgUrl: "/assets/projects/chatgpt_image_creator.jpg",
+    stack: ["HTML", "JavaScript", "ReactJS", "Bootstrap", "ViteJS", "OpenAI"],
+    repo: "https://github.com/BigSamu/ChatGPT_Image_Creator",
+    demo: "https://chat-gpt-image-creator.vercel.app/",
     details:
       "A simple project that uses OpenAI's API to generate images based on textual prompts. My first attempt at using OpenAI's API and my first project using ViteJS.",
-    type: 'Solo Project (2023)',
-
+    type: "Solo Project (2023)",
   },
   {
-    title: 'SeisEnt',
-    imgUrl: '/assets/projects/seisent.png',
-    stack: ['HTML', 'JavaScript', 'Python', 'NextJS', 'FastAPI', 'Bootstrap'],
-    repo: '',
-    demo: '',
+    title: "SeisEnt",
+    imgUrl: "/assets/projects/seisent.png",
+    stack: ["HTML", "JavaScript", "Python", "NextJS", "FastAPI", "Bootstrap"],
+    repo: "",
+    demo: "",
     details:
-      'Proof-of-Concept (Full-Stack application) presenting a solution for seismic data entitlement problem in the Oil and Gas industry. Use of JWT and Macaroons technologies and Business Rules Engines to approach solution for streamline compliance of data entitlement.',
-    type: 'MSc CS degree - Thesis Dissertation (2022)',
-
+      "Proof-of-Concept (Full-Stack application) presenting a solution for seismic data entitlement problem in the Oil and Gas industry. Use of JWT and Macaroons technologies and Business Rules Engines to approach solution for streamline compliance of data entitlement.",
+    type: "MSc CS degree - Thesis Dissertation (2022)",
   },
   {
-    title: 'TeachingML - Kaggle Style',
-    imgUrl: '/assets/projects/teachingml_kaggle_style.png',
-    stack: ['HTML', 'JavaScript', 'ReactJS', 'MaterialUI', 'Redux'],
-    repo: 'https://github.com/BigSamu/Teaching_ML_Kaggle_Style',
-    demo: '',
+    title: "TeachingML - Kaggle Style",
+    imgUrl: "/assets/projects/teachingml_kaggle_style.png",
+    stack: ["HTML", "JavaScript", "ReactJS", "MaterialUI", "Redux"],
+    repo: "https://github.com/BigSamu/Teaching_ML_Kaggle_Style",
+    demo: "",
     details:
-      'Web Application solution for clarifying ML overfitting concept to students from Imperial College Business School. Project as part of a group assignment from MSc CS degree, being in charge of the development of the frontend side of the application.',
-    type: 'MSc CS degree - Group Project (2021)',
-
+      "Web Application solution for clarifying ML overfitting concept to students from Imperial College Business School. Project as part of a group assignment from MSc CS degree, being in charge of the development of the frontend side of the application.",
+    type: "MSc CS degree - Group Project (2021)",
   },
   {
-    title: '567 Bakery',
-    imgUrl: '/assets/projects/567_bakery_2.png',
-    stack: ['HTML', 'CSS', 'JavaScript', 'Bootstrap', 'Sass', 'JQuery', 'Swiper'],
-    repo: 'https://github.com/BigSamu/567_Bakery',
-    demo: 'https://bigsamu.github.io/567_Bakery/',
+    title: "567 Bakery",
+    imgUrl: "/assets/projects/567_bakery.png",
+    stack: [
+      "HTML",
+      "CSS",
+      "JavaScript",
+      "Bootstrap",
+      "Sass",
+      "JQuery",
+      "Swiper",
+    ],
+    repo: "https://github.com/BigSamu/567_Bakery",
+    demo: "https://bigsamu.github.io/567_Bakery/",
     details:
-      'My first end-to-end project! A simple vanilla website for a local bakery in my hometown. Implement all learnings from my Bootcamp at Coding Dojo, including external libraries such as Bootstrap, Saas, JQuery and Swipper.',
-    type: 'Online Bootcamp - Final Project (2020)',
-
+      "My first end-to-end project! A simple vanilla website for a local bakery in my hometown. Implement all learnings from my Bootcamp at Coding Dojo, including external libraries such as Bootstrap, Saas, JQuery and Swipper.",
+    type: "Online Bootcamp - Final Project (2020)",
   },
 ];

src/data/timeline.js

@@ -1,82 +1,82 @@
 export default [
   {
-    year: 'Today',
-    title: 'Contributor Apprenticeship',
-    institution: 'OpenSearch - AWS',
-    duration: '1 mos',
+    year: "Today",
+    title: "Contributor Apprentice",
+    institution: "OpenSearch - AWS",
+    duration: "1 mos",
     details:
-      'Contributor in the OpenSearch, an open source, community-driven library for data-intensive solutions. Currently working on the OpenSearch-Dashboards and Documentation projects, learning about the codebase and contributing to it.',
+      "Contributor of OpenSearch library, an AWS open-source tool for data-intensive solutions. focusing on improving code for OpenSearch Dashboards, UI Framework, and Documentation projects. Appretienship part of the OSCI Initiative Program.",
   },
   {
-    year: 'Today',
-    title: 'Lead Instructor',
-    institution: 'Coding Dojo LATAM',
-    duration: '6 mos',
+    year: "Today",
+    title: "Lead Instructor",
+    institution: "Coding Dojo LATAM",
+    duration: "6 mos",
     details:
-      'Delivering comprehensive intensive courses on Web Fundamentals (HTML, CSS, JS) and MERN stack (MongoDB, ExpressJS, ReactJS, NodeJS) technologies to students with no or minimal knowledge in full-stack development.',
+      "Delivering comprehensive intensive courses on Web Fundamentals (HTML, CSS, JS) and MERN stack (MongoDB, ExpressJS, ReactJS, NodeJS) technologies to students with no or minimal knowledge in full-stack development.",
   },
   {
-    year: '2021',
-    title: 'Assistant Instructor',
-    institution: 'Coding Dojo',
-    duration: '1 yr 9 mos',
+    year: "2021",
+    title: "Assistant Instructor",
+    institution: "Coding Dojo",
+    duration: "1 yr 9 mos",
     details:
-      'As a Assistant Instructor, I tutored 100+ students, helping them transition into full-stack development. I supported their learning in Python/Flask, Java/Spring Boot, and MERN stacks, ensuring their success.',
+      "As a Assistant Instructor, I tutored 100+ students, helping them transition into full-stack development. I supported their learning in Python/Flask, Java/Spring Boot, and MERN stacks, ensuring their success.",
   },
   {
-    year: '2022',
-    title: 'MSc, Computing Science',
-    institution: 'Imperial College London',
-    duration: '2 yrs',
+    year: "2022",
+    title: "MSc, Computing Science",
+    institution: "Imperial College London",
+    duration: "2 yrs",
     details:
-      'I graduated with Merit (70.91%) and achieved Distinction in thesis research. I also served as a student representative for 100+ student fellows during my 1st academic year.',
+      "I graduated with Merit (70.91%) and achieved Distinction in thesis research. I also served as a student representative for 100+ student fellows during my 1st academic year.",
   },
   {
-    year: '2020',
-    title: 'Full-Stack Development Bootcamp',
-    institution: 'Coding Dojo',
-    duration: '10 mos',
+    year: "2020",
+    title: "Full-Stack Development Bootcamp",
+    institution: "Coding Dojo",
+    duration: "10 mos",
     details:
-      'I completed a 10-month online programming course, learning practical skills for web development, including HTML, CSS, JavaScript, Python, Java, and other technologies.',
+      "I completed a 10-month online programming course, learning practical skills for web development, including HTML, CSS, JavaScript, Python, Java, and other technologies.",
   },
   {
-    year: '2017',
-    title: 'FP&A Controller',
-    institution: 'Credicorp Capital',
-    duration: '2 yrs 5 mos',
+    year: "2017",
+    title: "FP&A Controller",
+    institution: "Credicorp Capital",
+    duration: "2 yrs 5 mos",
     details:
-      'I improved expense allocation procedures, saving over CLP$ 100MM, streamlined P&L reporting for better efficiency, and provided valuable insights for cost-reduction decisions. I completed an 8-week online course given by the Saïd Business School focused on fundamentals of Fintech ecosystems and related innovations.',
+      "I improved expense allocation procedures, saving over CLP$ 100MM, streamlined P&L reporting for better efficiency, and provided valuable insights for cost-reduction decisions. I completed an 8-week online course given by the Saïd Business School focused on fundamentals of Fintech ecosystems and related innovations.",
   },
   {
-    year: '2016',
-    title: 'Sales Specialist',
-    institution: 'Hewlett Packard Enterprise',
-    duration: '1 yr 5 mos',
+    year: "2016",
+    title: "Sales Specialist",
+    institution: "Hewlett Packard Enterprise",
+    duration: "1 yr 5 mos",
     details:
-      'I designed and implemented $50M data center solutions, drove loyalty for HPE products, and deepened my understanding of server and storage infrastructure technologies.',
+      "I designed and implemented $50M data center solutions, drove loyalty for HPE products, and deepened my understanding of server and storage infrastructure technologies.",
   },
   {
-    year: '2014',
-    title: 'Network Architect',
-    institution: 'IBM',
-    duration: '1 yr 8 mos',
+    year: "2014",
+    title: "Network Architect",
+    institution: "IBM",
+    duration: "1 yr 8 mos",
     details:
-      'I delivered $20M enterprise networking, VoIP, and wireless infrastructure solutions, managing pre-sales designs using Cisco technologies.',
+      "I delivered $20M enterprise networking, VoIP, and wireless infrastructure solutions, managing pre-sales designs using Cisco technologies.",
   },
   {
-    year: '2013',
-    title: 'Junior Analyst',
-    institution: 'Endurance Investments S.A.',
-    duration: '10 mos',
+    year: "2013",
+    title: "Junior Analyst",
+    institution: "Endurance Investments S.A.",
+    duration: "10 mos",
     details:
-      'I restructured and standardized a new accounting system for a subsidiary, providing critical P&L insights to the owners.',
+      "I restructured and standardized a new accounting system for a subsidiary, providing critical P&L insights to the owners.",
   },
   {
-    year: '2013',
-    title: 'BSc, Mechanical Engineering',
-    institution: 'Pontificia Universidad Católica de Chile',
-    duration: '7 yrs',
+    year: "2013",
+    title: "BSc, Mechanical Engineering",
+    institution: "Pontificia Universidad Católica de Chile",
+    duration: "7 yrs",
     details:
-      'I graduated with a 6.0/7.0 (top 6% of the class) in Mechanical Engineering with a minor in Automation and Control Systems. I tutored 100+ students as a TA and played for the university soccer team. I studied for 7 months at UC San Diego through an exchange program and received the Miguel Velez scholarship for Latin American students. I collaborated on prototyping an electromechanical seed for a sensor network proof of concept and was awarded a Science and Technology scholarship by the Chilean government.',
-  }
+      "I graduated with a 6.0/7.0 (top 6% of the class) in Mechanical Engineering with a minor in Automation and Control Systems. I tutored 100+ students as a TA and played for the university soccer team. I studied for 7 months at UC San Diego through an exchange program and received the Miguel Velez scholarship for Latin American students. I collaborated on prototyping an electromechanical seed for a sensor network proof of concept and was awarded a Science and Technology scholarship by the Chilean government.",
+  },
 ];