gaboesquivel 3.4.2 → 3.4.4

package/dist/index.js

@@ -35,7 +35,7 @@ var projects = [
     "title": "BasilicEVM",
     "slug": "basilic-evm",
     "description": "BasilicEVM is a performance-optimized development stack for EVM applications. Built with Foundry, viem/wagmi, and Next.js 15, it features AI-powered development workflows, specialized cursor rules, and streamlined UI generation. The stack includes smart contracts, chain integration, frontend components, and data layer with Ponder indexing.",
-    "technologies": [
+    "tech": [
       "TypeScript",
       "Solidity",
       "Foundry",
@@ -46,9 +46,10 @@ var projects = [
       "Wagmi",
       "EVM",
       "ThirdWeb",
-      "AI"
+      "AI",
+      "Alchemy"
     ],
-    "tags": ["web3", "oss"],
+    "type": ["web3", "oss"],
     "link": "https://github.com/blockmatic/basilic-evm",
     "image": "https://gaboesquivel.com/images/work/basilic-evm.png",
     "repo": "https://github.com/blockmatic/basilic-evm",
@@ -66,7 +67,7 @@ var projects = [
     "title": "bitlauncher",
     "slug": "bitlauncher",
     "description": "BitLauncher is an AI and crypto launchpad platform that provides early access to promising AI unicorn startups through token sales and auctions. It features a batch auction system for token sales, ensuring fair and transparent price discovery. Participants bid during a fixed period, and tokens are distributed at a uniform price, eliminating manipulation and ensuring equal opportunities for all investors.",
-    "technologies": [
+    "tech": [
       "TypeScript",
       "Solidity",
       "Hardhat",
@@ -76,7 +77,7 @@ var projects = [
       "NodeJS",
       "PostgreSQL"
     ],
-    "tags": ["web3", "ai", "oss", "full-time", "lead"],
+    "type": ["web3", "ai", "oss", "full-time", "lead"],
     "link": "https://bitlauncher.ai",
     "image": "https://gaboesquivel.com/images/work/bitlauncher.png",
     "video": "https://www.youtube.com/watch?v=U6vn3KOEwcQ",
@@ -101,7 +102,7 @@ var projects = [
     "title": "Masterbots",
     "slug": "masterbots",
     "description": "Masterbots.ai is a platform that aims to elevate AI beyond ChatGPT by providing specialized chatbots, social sharing features, and user-friendly innovation. It features domain-specific AI chatbots that can perform more advanced tasks beyond basic information lookup or simple conversations.",
-    "technologies": [
+    "tech": [
       "NextJS",
       "NodeJS",
       "GraphQL",
@@ -110,7 +111,7 @@ var projects = [
       "AI SDK",
       "LLMs"
     ],
-    "tags": ["ai", "oss"],
+    "type": ["ai", "oss"],
     "link": "https://masterbots.ai",
     "image": "https://gaboesquivel.com/images/work/masterbots.png",
     "repo": "https://github.com/bitcashorg/masterbots",
@@ -129,7 +130,7 @@ var projects = [
     "title": "ZTX",
     "slug": "ztx",
     "description": "ZTX, a web3 metaverse platform, enables creators to build, play, and earn. Supported by Jump Crypto and ZEPETO, it integrates blockchain for NFT trading.\n As a software consultant in the early stages of ZTX, I was responsible for developing the react app to host the metaverse and the WebGL/EVM wallet integration.",
-    "technologies": [
+    "tech": [
       "WebGL",
       "Ethereum",
       "Ethers",
@@ -139,7 +140,7 @@ var projects = [
       "ReactJS",
       "NextJS"
     ],
-    "tags": ["web3", "full-time"],
+    "type": ["web3", "full-time"],
     "link": "https://ztx.io",
     "image": "https://gaboesquivel.com/images/work/ztx.png",
     "video": "https://www.youtube.com/watch?v=h58y6UzZ7RA",
@@ -158,7 +159,7 @@ var projects = [
     "title": "RareMint",
     "slug": "raremint",
     "description": "RareMint digitizes real-world sports collectibles as NFTs, offering a digital collectible experience.\n I led technical efforts at RareMint to enhance the NFT marketplace's performance and maintainability. Additionally, I supported integrating the platform with the Polygon network for auctions.",
-    "technologies": [
+    "tech": [
       "EVM",
       "Ethers",
       "NFT",
@@ -168,7 +169,7 @@ var projects = [
       "GraphQL",
       "TypeScript"
     ],
-    "tags": ["web3", "full-time"],
+    "type": ["web3", "full-time"],
     "link": "https://raremint.com",
     "image": "https://gaboesquivel.com/images/work/raremint.png",
     "video": "https://www.youtube.com/watch?v=2wh32w7N9xg",
@@ -190,7 +191,7 @@ var projects = [
     "title": "bitcashBank",
     "slug": "bitcashbank",
     "description": "Bitcash allows users to buy, trade, deposit, and earn on cryptocurrencies, with a focus on exchanging funds for local currency stablecoins or bitUSD. The platform also features BitcashDAO for community-based decision-making.\n At Bitcash, my role from the start focused on infrastructure design, tech recruitment, and developer training. I later transitioned to a consulting role to guide the platform's continuous adaptation and success.",
-    "technologies": [
+    "tech": [
       "Antelope",
       "C++",
       "ReactJS",
@@ -200,7 +201,7 @@ var projects = [
       "PostgreSQL",
       "TypeScript"
     ],
-    "tags": ["web3", "contract", "lead"],
+    "type": ["web3", "contract", "lead"],
     "link": "https://bitcash.org",
     "image": "https://gaboesquivel.com/images/work/bitcash-bank.png",
     "video": "https://www.youtube.com/watch?v=2JuHy_w0Ct4",
@@ -220,8 +221,8 @@ var projects = [
     "title": "Emanate",
     "slug": "emanate",
     "description": "Emanate is a Web3-powered network marketplace for the music industry, streamlining music creation, distribution, and monetization.\n At Emanate, I maintained the ReactJS web app streaming platform and the back office for artist revenue distribution.",
-    "technologies": ["ReactJS", "TypeScript", "EOS", "AWS"],
-    "tags": ["web3", "contract"],
+    "tech": ["ReactJS", "TypeScript", "EOS", "AWS"],
+    "type": ["web3", "contract"],
     "link": "https://emanate.live",
     "image": "https://gaboesquivel.com/images/work/emanate.png",
     "video": "https://www.youtube.com/watch?v=qjmn7M7YC9g",
@@ -240,8 +241,8 @@ var projects = [
     "title": "Make Sense Labs",
     "slug": "make-sense-labs",
     "description": "Sense.chat, developed by Sense, a blockchain and DeFi company, is a secure chat and transaction app focusing on user data privacy.\n My role at Sense involved enhancing the React Native app's performance and integrating it with the EOS mainnet for token functionality.",
-    "technologies": ["React Native", "TypeScript", "Blockchain", "EOS"],
-    "tags": ["web3", "contract"],
+    "tech": ["React Native", "TypeScript", "Blockchain", "EOS"],
+    "type": ["web3", "contract"],
     "link": "https://www.youtube.com/watch?v=2DJxzYDaAz8",
     "image": "https://gaboesquivel.com/images/work/sense-chat.png",
     "video": "https://www.youtube.com/watch?v=2DJxzYDaAz8",
@@ -260,7 +261,7 @@ var projects = [
     "title": "EOS Costa Rica",
     "slug": "eos-costa-rica",
     "description": "EOS Costa Rica provides infrastructure for EOSIO blockchains and custom smart contract development.\n Joining EOS Costa Rica at its inception, I played a key role in the EOS mainnet launch, managed validators for multiple networks, and helped establish the custom development services division. My major contribution included leading the architecture for a custom private blockchain for Grant Thornton.",
-    "technologies": [
+    "tech": [
       "EOS",
       "C++",
       "PostgreSQL",
@@ -269,7 +270,7 @@ var projects = [
       "GraphQL",
       "ReactJS"
     ],
-    "tags": ["web3", "full-time", "lead"],
+    "type": ["web3", "full-time", "lead"],
     "link": "https://eoscostarica.io",
     "image": "https://gaboesquivel.com/images/work/eoscostarica.png",
     "repo": "https://github.com/eoscostarica",
@@ -289,8 +290,8 @@ var projects = [
     "title": "EOS Rate",
     "slug": "eos-rate",
     "description": "EOS Rate is a community-driven tool for rating EOS Block Producers, featuring a radial graph and community input stored on the blockchain.\n In this project, I was responsible for the technical architecture and selecting the appropriate technology.",
-    "technologies": ["EOS", "C++", "GraphQL", "ReactJS"],
-    "tags": ["web3", "oss"],
+    "tech": ["EOS", "C++", "GraphQL", "ReactJS"],
+    "type": ["web3", "oss"],
     "link": "https://eosrate.io",
     "image": "https://gaboesquivel.com/images/work/eosrate.png",
     "repo": "https://github.com/eoscostarica/eos-rate",
@@ -310,7 +311,7 @@ var projects = [
     "title": "Knowledge.io",
     "slug": "knowledge-io",
     "description": "Knowledge is a platform that rewards users for sharing information, recognized through a token system.\n My role at Knowledge included leading the architecture of the token and supporting systems for a successful ICO, and forming a skilled development team.",
-    "technologies": [
+    "tech": [
       "Ethereum",
       "Solidity",
       "AWS",
@@ -320,7 +321,7 @@ var projects = [
       "React",
       "Node.js"
     ],
-    "tags": ["web3", "contract", "oss"],
+    "type": ["web3", "contract", "oss"],
     "link": "https://github.com/knowledge/ethereum-contracts",
     "image": "https://gaboesquivel.com/images/work/knowledge.png",
     "repo": "https://github.com/knowledge",
@@ -339,7 +340,7 @@ var projects = [
     "title": "ChainGraph",
     "slug": "chaingraph",
     "description": "This real-time GraphQL toolkit is designed for EOSIO/Antelope blockchain applications, offering features like data subscriptions and querying multiple blockchains.\n As a personal side project during my time at Bitcash, I was responsible for the architectural design, technology selection, and coding of the toolkit, including a real-time blockchain data streaming package.",
-    "technologies": [
+    "tech": [
       "Antelope",
       "NodeJS",
       "Docker",
@@ -348,7 +349,7 @@ var projects = [
       "RXJS",
       "ReactJS"
     ],
-    "tags": ["web3", "oss"],
+    "type": ["web3", "oss"],
     "link": "https://chaingraph.io",
     "image": "https://gaboesquivel.com/images/work/chaingraph.png",
     "repo": "https://github.com/chaingraph",
@@ -367,14 +368,14 @@ var projects = [
     "title": "Fantasy Top Shots",
     "slug": "fantasy-top-shots",
     "description": "The mobile app game based on NBA Top Shot NFTs was developed for the 2022 Flow Hackathon. It leverages the popularity of NBA Top Shot NFTs to create an engaging gaming experience.\n My contribution to this project was in the game's design and development, utilizing my skills in blockchain technology and mobile app development.",
-    "technologies": [
+    "tech": [
       "Flow Blockchain",
       "NFT",
       "React",
       "React Native with Expo",
       "Tailwind"
     ],
-    "tags": ["web3", "hackathon"],
+    "type": ["web3", "hackathon"],
     "link": "https://fantasy-top-shot.vercel.app",
     "image": "https://gaboesquivel.com/images/work/fantasy-top-shots.png",
     "video": "https://www.youtube.com/watch?v=Il2aiKhy_ug",
@@ -394,8 +395,8 @@ var projects = [
     "title": "Substrate Contracts UI",
     "slug": "substrate-contracts-ui",
     "description": "Substrate Contracts UI is a web application for deploying and interacting with WASM smart contracts on Substrate blockchains.\n I contributed to the project by enhancing code quality through multiple open-source contributions and gained experience in building dApps with Substrate.",
-    "technologies": ["Polkadot", "Substrate", "React", "Tailwind"],
-    "tags": ["web3", "oss"],
+    "tech": ["Polkadot", "Substrate", "React", "Tailwind"],
+    "type": ["web3", "oss"],
     "link": "https://contracts-ui.substrate.io/",
     "image": "https://gaboesquivel.com/images/work/contracts-ui.png",
     "repo": "https://github.com/paritytech/contracts-ui",
@@ -414,7 +415,7 @@ var projects = [
     "title": "Wizard World",
     "slug": "wizard-world",
     "description": "A progressive web app connects to OpenAI's LLM models to generate AI images and mint them on the Flow blockchain. This app integrates AI with blockchain technology.\n My role involved the app's development, focusing on integrating OpenAI's models for image generation and ensuring smooth functionality with the Flow blockchain.",
-    "technologies": [
+    "tech": [
       "Next.js",
       "Flow",
       "Niftory",
@@ -425,7 +426,7 @@ var projects = [
       "Blockchain",
       "NFT"
     ],
-    "tags": ["ai", "web3", "hackathon"],
+    "type": ["ai", "web3", "hackathon"],
     "link": "https://wizart.world",
     "image": "https://gaboesquivel.com/images/work/wizart-world.png",
     "video": "https://www.youtube.com/watch?v=I_vBUflXHFA",
@@ -445,8 +446,8 @@ var projects = [
     "title": "dBoard",
     "slug": "dboard",
     "description": "dBoard is a DAO decision-making and community management tool. It allows stakeholders to strategize, debate, and vote on actions for organizational efficiency.\n In this project, my contributions included overseeing the technical architecture and the smart contract development and integration on the webapp.",
-    "technologies": ["Antelope", "Next.js", "GCloud", "GraphQL"],
-    "tags": ["web3"],
+    "tech": ["Antelope", "Next.js", "GCloud", "GraphQL"],
+    "type": ["web3"],
     "link": "https://eos.dboard.ai",
     "image": "https://gaboesquivel.com/images/work/dboard.png",
     "repo": "https://github.com/bitcashorg/bitcash-contract-dho",
@@ -465,7 +466,7 @@ var projects = [
     "title": "Wink",
     "slug": "wink",
     "description": "Wink, Costa Rica's first neo-bank, offers a mobile app for online banking, eliminating the need for physical branch visits.\n I developed the first version of Wink's mobile app and backend services within AWS. My role involved API integration with partner banks and forming a dedicated development team.",
-    "technologies": [
+    "tech": [
       "AWS",
       "Serverless",
       "React Native",
@@ -473,7 +474,7 @@ var projects = [
       "Node.js",
       "Biometrics"
     ],
-    "tags": ["full-time", "lead"],
+    "type": ["full-time", "lead"],
     "link": "https://holawink.com",
     "image": "https://gaboesquivel.com/images/work/wink.png",
     "video": "https://www.youtube.com/watch?v=rfeISMW_OVc",
@@ -494,7 +495,7 @@ var projects = [
     "description": "The American Express website enables cardmembers to manage their financial accounts, offering features like balance checks, transaction views, and secure payments.\n My responsibility was focused on front-end development, including Object-Oriented JavaScript, AJAX for a fluid user experience, and implementing A/B Testing and usage analytics.",
     "image": "https://gaboesquivel.com/images/work/amex.jpg",
     "link": "https://www.americanexpress.com/",
-    "technologies": [
+    "tech": [
       "JSP (Struts)",
       "Omniture",
       "Adobe mBox",
@@ -503,7 +504,7 @@ var projects = [
       "jQuery",
       "CSS"
     ],
-    "tags": ["full-time"],
+    "type": ["full-time"],
     "achievements": [
       "Enhanced user experience through AJAX-driven interactivity.",
       "Implemented A/B testing strategies to optimize user engagement.",
@@ -521,8 +522,8 @@ var projects = [
     "description": "The National Money Night Talk by American Express aimed to promote financial communication between parents and teenagers.\n As a Frontend Engineer, I developed the campaign's landing page, focusing on user engagement and information delivery.",
     "link": "https://www.youtube.com/watch?v=a2vDoYyXIJQ",
     "image": "https://gaboesquivel.com/images/work/money-talk.jpg",
-    "technologies": ["JavaScript", "CSS"],
-    "tags": ["other"],
+    "tech": ["JavaScript", "CSS"],
+    "type": ["other"],
     "achievements": [
       "Developed an engaging landing page to enhance user interaction.",
       "Implemented responsive design for a seamless experience across devices.",
@@ -538,14 +539,14 @@ var projects = [
     "title": "Elder Scrolls Online",
     "slug": "elder-scrolls-online",
     "description": "The official website serves as a central hub for a gaming community, offering news, game guides, and forums.\n My role was to ensure a user-centric design for the website, facilitating easy navigation and engagement with the content, blending aesthetics and functionality for a dynamic digital platform.",
-    "technologies": [
+    "tech": [
       "PHP",
       "JavaScript",
       "jQuery",
       "Facebook API",
       "Twitter API"
     ],
-    "tags": ["contract"],
+    "type": ["contract"],
     "link": "http://elderscrollsonline.com",
     "image": "https://gaboesquivel.com/images/work/elder-scrolls.jpg",
     "achievements": [
@@ -563,7 +564,7 @@ var projects = [
     "title": "AMC Yeah TV Facebook App",
     "slug": "amc-yeah-tv-facebook-app",
     "description": "An online movie streaming service allows watching movies in chapters with detailed information and interactive games.\n I was responsible for the frontend architecture design, integrating the game app with Facebook and the backoffice system with Brightcove web services for video streaming and editing.",
-    "technologies": [
+    "tech": [
       "HTML5",
       "PHP",
       "Facebook API",
@@ -573,7 +574,7 @@ var projects = [
       "Brightcove API",
       "require.js"
     ],
-    "tags": ["full-time", "lead"],
+    "type": ["full-time", "lead"],
     "link": "http://yeahtv.com",
     "image": "https://gaboesquivel.com/images/work/yeahtv.jpg",
     "achievements": [
@@ -593,8 +594,8 @@ var projects = [
     "description": "Tikr is an online store with dynamic, real-time fluctuating prices, offering a unique shopping experience. It operates on the Ruby on Rails-based Spree backend framework.\n My role at Tikr encompassed full-stack development with a focus on frontend development and customization of the Spree backend framework.",
     "link": "http://tikr.com",
     "image": "https://gaboesquivel.com/images/work/tikr.jpg",
-    "tags": ["contract"],
-    "technologies": [
+    "type": ["contract"],
+    "tech": [
       "Ruby on Rails",
       "Spree",
       "Heroku",
@@ -617,7 +618,7 @@ var projects = [
     "title": "Eat Arcade",
     "slug": "eat-arcade",
     "description": "I designed and developed an SMS subscription system featuring curated dishes from New York City's finest restaurants. The system offered a unique dining experience through mobile technology.\n My responsibilities covered the entire development process, from system design to implementation.",
-    "technologies": [
+    "tech": [
       "Node.js",
       "Express.js",
       "AngularJS",
@@ -627,7 +628,7 @@ var projects = [
       "Stripe",
       "Twilio"
     ],
-    "tags": ["contract"],
+    "type": ["contract"],
     "link": "http://www.eatarcade.com/",
     "image": "https://gaboesquivel.com/images/work/eatarcade.jpg",
     "achievements": [
@@ -645,7 +646,7 @@ var projects = [
     "title": "Jockey Hollow Bar and Kitchen",
     "slug": "jockey-hollow-bar-and-kitchen",
     "description": "Jockey Hollow Bar and Kitchen, located in a historic mansion, features four distinct dining concepts. The responsive landing page I developed introduces visitors to its diverse culinary world.\n My work focused on developing the main responsive landing page, ensuring an inviting and informative digital gateway to the restaurant's offerings.",
-    "technologies": [
+    "tech": [
       "SASS",
       "jQuery",
       "Lodash",
@@ -655,7 +656,7 @@ var projects = [
       "Heroku",
       "Divshot"
     ],
-    "tags": ["contract"],
+    "type": ["contract"],
     "link": "http://www.jockeyhollowbarandkitchen.com/",
     "image": "https://gaboesquivel.com/images/work/jockey-hollow.png",
     "achievements": [
@@ -673,7 +674,7 @@ var projects = [
     "title": "Jockey Hollow Bar and Kitchen Menu Kiosk App",
     "slug": "jockey-hollow-bar-and-kitchen-menu-kiosk-app",
     "description": "At Jockey Hollow Bar & Kitchen, I developed the Menu Kiosk App, a responsive web application for tablet kiosks. It simplifies menu selection for patrons and uses Google Spreadsheets for easy updates.\n As the sole developer, my role involved creating an intuitive and efficient digital menu solution, enhancing the dining experience.",
-    "technologies": [
+    "tech": [
       "SASS",
       "jQuery",
       "Lodash",
@@ -683,7 +684,7 @@ var projects = [
       "Heroku",
       "Divshot"
     ],
-    "tags": ["contract"],
+    "type": ["contract"],
     "link": "#",
     "image": "https://gaboesquivel.com/images/work/jockey-hollow-menu.png",
     "achievements": [
@@ -703,8 +704,8 @@ var projects = [
     "description": "Bureau of Trade (Beta) is an online store offering a range of products, with a frontend integrated with eBay's API for diverse shopping experiences.\n As the sole Fullstack developer, my focus was on frontend development, responsive design, and animations, along with eBay API integration.",
     "link": "http://www.gridium.com/products/portfolio-manager/",
     "image": "https://gaboesquivel.com/images/work/bureau-of-trade.jpg",
-    "technologies": ["PHP", "eBay API", "HTML5", "AJAX", "jQuery"],
-    "tags": ["contract"],
+    "tech": ["PHP", "eBay API", "HTML5", "AJAX", "jQuery"],
+    "type": ["contract"],
     "achievements": [
       "Built a responsive e-commerce frontend integrated with eBay's API.",
       "Developed advanced UI animations for enhanced user experience.",
@@ -720,14 +721,14 @@ var projects = [
     "title": "Tractor Supply",
     "slug": "tractor-supply",
     "description": "The Tractor Supply mobile app offers features like product browsing, exclusive offers, account management, and an augmented reality feature for product previews.\n As a consultant, I enhanced the app's performance and code quality, and developed its augmented reality feature, improving user experience and engagement.",
-    "technologies": [
+    "tech": [
       "React Native",
       "React",
       "Node.js",
       "TypeScript",
       "Augmented Reality"
     ],
-    "tags": ["contract"],
+    "type": ["contract"],
     "link": "https://www.tractorsupply.com/tsc/cms/app",
     "image": "https://gaboesquivel.com/images/work/tractor-supply.png",
     "achievements": [
@@ -744,7 +745,7 @@ var projects = [
     "title": "Photo and Go",
     "slug": "photo-and-go",
     "description": "MyPhoto.com is an online platform for creating personalized photo products. I led the development of an innovative photo editor app and backend services integrated with existing e-commerce systems.\n My leadership role encompassed technical direction and execution, focusing on creating a smooth and intuitive user experience.",
-    "technologies": [
+    "tech": [
       "React",
       "Node.js",
       "Hapi",
@@ -756,7 +757,7 @@ var projects = [
       "PostgreSQL",
       "Linux"
     ],
-    "tags": ["contract"],
+    "type": ["contract"],
     "link": "https://www.myphoto.com/",
     "image": "https://gaboesquivel.com/images/work/photoandgo.jpg",
     "achievements": [
@@ -774,7 +775,7 @@ var projects = [
     "title": "4Tius Fitness Data Tracker",
     "slug": "4tius-fitness-data-tracker",
     "description": "The 4Tius app is a centralized platform for monitoring fitness data, integrating with Fitbit. It includes a web dashboard and API.\n As a Fullstack software engineer, I led the development of both the web application and backend systems, ensuring seamless integration and user-friendly functionality.",
-    "technologies": [
+    "tech": [
       "Node.js",
       "Express",
       "AWS",
@@ -782,7 +783,7 @@ var projects = [
       "MongoDB",
       "Angular.js"
     ],
-    "tags": ["contract"],
+    "type": ["contract"],
     "link": "https://example.com/18techs",
     "image": "https://gaboesquivel.com/images/work/4tius.jpg",
     "achievements": [
@@ -802,8 +803,8 @@ var projects = [
     "description": "SunTrust's Solid Salutes campaign facilitated user-generated custom video salutes. I developed the entire campaign website, focusing on design and user interaction.\n My role included overseeing the website's development from concept to implementation, emphasizing user engagement and visual appeal.",
     "link": "#",
     "image": "https://gaboesquivel.com/images/work/suntrust-1.jpg",
-    "technologies": ["JavaScript", "CSS"],
-    "tags": ["other"],
+    "tech": ["JavaScript", "CSS"],
+    "type": ["other"],
     "achievements": [
       "Developed an interactive campaign website for user-generated content.",
       "Optimized website performance for increased user engagement.",
@@ -821,8 +822,8 @@ var projects = [
     "description": "For ScotiaBank Costa Rica, I developed the ScotiaTico newsletter, a communication tool for bank updates and information.\n My responsibility was crafting an engaging and informative newsletter layout, enhancing communication between the bank and its customers.",
     "link": "#",
     "image": "https://gaboesquivel.com/images/work/scotiatico.jpg",
-    "technologies": ["JavaScript", "CSS", "Wordpress"],
-    "tags": ["other"],
+    "tech": ["JavaScript", "CSS", "Wordpress"],
+    "type": ["other"],
     "achievements": [
       "Designed and developed an interactive newsletter layout for ScotiaBank.",
       "Enhanced customer engagement with visually appealing and responsive design.",
@@ -840,8 +841,8 @@ var projects = [
     "description": "At Staples, a retail store for office supplies, I worked on building responsive features and the main website navigation.\n My role as a frontend developer involved creating user-friendly and efficient navigation elements, contributing to the overall user experience on the website.",
     "link": "#",
     "image": "https://gaboesquivel.com/images/work/staples.jpg",
-    "technologies": ["JavaScript", "CSS", "Mootols"],
-    "tags": ["other"],
+    "tech": ["JavaScript", "CSS", "Mootols"],
+    "type": ["other"],
     "achievements": [
       "Developed responsive UI components for improved website accessibility.",
       "Enhanced navigation for a seamless shopping experience.",
@@ -859,8 +860,8 @@ var projects = [
     "description": "Gridium is an energy data analytics prototype for visualizing and analyzing energy consumption. It aids in informed energy management decisions.\n I built the first version of the application, focusing on displaying data collected from various buildings.",
     "link": "https://gridium.com/",
     "image": "https://gaboesquivel.com/images/work/gridium.png",
-    "technologies": ["JavaScript", "Data Charts", "CSS", "Bootstrap"],
-    "tags": ["contract"],
+    "tech": ["JavaScript", "Data Charts", "CSS", "Bootstrap"],
+    "type": ["contract"],
     "achievements": [
       "Developed a data visualization platform for energy consumption analytics.",
       "Implemented interactive charts for real-time energy monitoring.",
@@ -877,8 +878,8 @@ var projects = [
     "slug": "arinc-microfids",
     "description": "ARINC Microfids is a flight information display system for hotels and airport businesses. It integrates with a Ruby on Rails backend.\n My responsibilities included frontend development and system integration, ensuring a seamless display of flight information.",
     "image": "https://gaboesquivel.com/images/work/arinc.png",
-    "technologies": ["Ruby on Rails", "AngularJS", "Faye", "LESS", "Heroku"],
-    "tags": ["contract"],
+    "tech": ["Ruby on Rails", "AngularJS", "Faye", "LESS", "Heroku"],
+    "type": ["contract"],
     "achievements": [
       "Developed a real-time flight information display system.",
       "Integrated Ruby on Rails backend with AngularJS for seamless data updates.",
@@ -896,8 +897,8 @@ var projects = [
     "description": "Capoeira Aboli\xE7\xE3o is a Brazilian martial arts group. I volunteered to create their promotional website, showcasing their professors and community.\n My involvement included website design and development, highlighting the group's activities and global presence.",
     "link": "https://capoieraabolicao.com",
     "image": "https://gaboesquivel.com/images/work/abolicao.jpg",
-    "technologies": ["JavaScript", "Wordpress", "CSS", "Bootstrap"],
-    "tags": ["other"],
+    "tech": ["JavaScript", "Wordpress", "CSS", "Bootstrap"],
+    "type": ["other"],
     "achievements": [
       "Designed and developed a responsive website for Capoeira Aboli\xE7\xE3o.",
       "Implemented interactive elements to showcase community events.",
@@ -915,8 +916,8 @@ var projects = [
     "description": "Panini, a project I worked on, provided a unique service or product in its field.\n My role in this project was focused on technical development and implementation.",
     "link": "#",
     "image": "https://gaboesquivel.com/images/work/panini.jpg",
-    "technologies": ["JavaScript", "CSS", "Wordpress"],
-    "tags": ["other"],
+    "tech": ["JavaScript", "CSS", "Wordpress"],
+    "type": ["other"],
     "achievements": [
       "Developed and implemented the technical architecture for Panini's platform.",
       "Optimized website performance and ensured cross-browser compatibility.",
@@ -934,8 +935,8 @@ var projects = [
     "description": "EARTH University offers education in agricultural sciences. I was responsible for building their main website, blog, and newsletter.\n My work involved creating a digital platform for information dissemination and community engagement, focusing on usability and content management.",
     "link": "#",
     "image": "https://gaboesquivel.com/images/work/wordpress-earth-pai.jpg",
-    "technologies": ["JavaScript", "CSS", "Wordpress"],
-    "tags": ["other"],
+    "tech": ["JavaScript", "CSS", "Wordpress"],
+    "type": ["other"],
     "achievements": [
       "Developed a content management system for EARTH University's website.",
       "Designed a responsive and accessible blog for community engagement.",
@@ -953,8 +954,8 @@ var projects = [
     "description": "ProParques is a nonprofit for national park sustainability. I developed their responsive landing page and an interactive national park map.\n My role included web design and development, focusing on user interaction and information accessibility for park exploration.",
     "link": "#",
     "image": "https://gaboesquivel.com/images/work/proparques.jpg",
-    "technologies": ["JavaScript", "CSS", "Wordpress"],
-    "tags": ["other"],
+    "tech": ["JavaScript", "CSS", "Wordpress"],
+    "type": ["other"],
     "achievements": [
       "Developed an interactive national park map for user exploration.",
       "Designed a responsive and informative landing page.",
@@ -972,8 +973,8 @@ var projects = [
     "description": "FanSlam Fantasy Tennis is a strategic game for ATP, WTA, and Grand Slam tournaments. I designed and built both the frontend and backend.\n As a fullstack developer, my work encompassed creating an engaging and functional gaming experience, integrating strategy and user interface design.",
     "link": "https://www.fanslam.us",
     "image": "https://gaboesquivel.com/images/work/fantasy-tennis.jpg",
-    "technologies": ["JavaScript", "CSS"],
-    "tags": ["contract"],
+    "tech": ["JavaScript", "CSS"],
+    "type": ["contract"],
     "achievements": [
       "Designed and developed a strategic fantasy tennis gaming platform.",
       "Built a responsive UI for seamless gameplay across devices.",
@@ -991,8 +992,8 @@ var projects = [
     "description": "Mobtion agency specializes in mobile development services. I designed and developed their responsive website and WordPress CMS.\n My responsibilities included website design, development, and ensuring seamless content management for the agency.",
     "link": "#",
     "image": "https://gaboesquivel.com/images/work/mobtion.jpg",
-    "technologies": ["JavaScript", "CSS", "Wordpress", "PHP"],
-    "tags": ["other"],
+    "tech": ["JavaScript", "CSS", "Wordpress", "PHP"],
+    "type": ["other"],
     "achievements": [
       "Developed a responsive and modern website for Mobtion agency.",
       "Integrated WordPress CMS for efficient content management.",
@@ -1010,8 +1011,8 @@ var projects = [
     "description": "ITS InfoCom, an IT multinational, focuses on Remote Infrastructure Management. I implemented their primary website, CMS, and CRM integration.\n My role was to create and integrate digital solutions for the company, focusing on web presence and customer relationship management.",
     "link": "#",
     "image": "https://gaboesquivel.com/images/work/website-its.jpg",
-    "technologies": ["JavaScript", "CSS", "PHP", "Custom CMS"],
-    "tags": ["other"],
+    "tech": ["JavaScript", "CSS", "PHP", "Custom CMS"],
+    "type": ["other"],
     "achievements": [
       "Developed and deployed a company-wide CMS for ITS InfoCom.",
       "Integrated CRM solutions to streamline customer interactions.",
@@ -1029,8 +1030,8 @@ var projects = [
     "description": "For Trivenzor, a hypertension medication, I developed a responsive landing page for patient and healthcare provider information.\n My work involved creating a user-friendly and informative digital platform, emphasizing medical information clarity and accessibility.",
     "link": "#",
     "image": "https://gaboesquivel.com/images/work/tribenzor.jpg",
-    "technologies": ["JavaScript", "CSS", "Mootols"],
-    "tags": ["other"],
+    "tech": ["JavaScript", "CSS", "Mootols"],
+    "type": ["other"],
     "achievements": [
       "Developed a fully responsive and accessible medical landing page.",
       "Ensured clarity and usability for both patients and healthcare providers.",
@@ -1048,8 +1049,8 @@ var projects = [
     "description": "The Living with Dryness project involved crafting a responsive landing page focused on providing information and resources.\n As the developer, I ensured a pixel-perfect design and user-friendly navigation, catering to the project's specific audience and needs.",
     "link": "#",
     "image": "https://gaboesquivel.com/images/work/living-with-dryness.jpg",
-    "technologies": ["JavaScript", "CSS", "Wordpress"],
-    "tags": ["other"],
+    "tech": ["JavaScript", "CSS", "Wordpress"],
+    "type": ["other"],
     "achievements": [
       "Designed and developed a responsive landing page for medical resources.",
       "Implemented a user-friendly navigation system for better accessibility.",
@@ -1066,19 +1067,946 @@ var projects = [
 // src/tech.ts
 var techStack = [
   {
-    "name": "React",
-    "icon": "react",
-    "tag": "react",
-    "image": "/images/tech/react.png",
-    "description": "A JavaScript library for building user interfaces",
-    "link": "https://reactjs.org/",
-    "since": "2013",
-    "intro": [
-      "React is a JavaScript library for building user interfaces. It allows developers to create large web applications that can update and render efficiently in response to data changes. React is component-based, which means the UI is divided into reusable pieces, making development more manageable and scalable.",
-      "React's virtual DOM feature optimizes rendering by updating only the parts of the UI that have changed, rather than reloading the entire page. This results in faster performance and a smoother user experience. Additionally, React's ecosystem includes a wide range of tools and libraries that enhance its functionality, making it a popular choice for modern web development."
-    ],
-    "experience": [
-      "I've been using React since 2013 and have a deep understanding of its core concepts and best practices. I've worked on numerous projects, from small personal websites to large-scale enterprise applications."
+    name: "TypeScript",
+    icon: "typescript",
+    tag: "TypeScript",
+    image: "/images/tech/typescript.png",
+    description: "A strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.",
+    link: "https://www.typescriptlang.org/",
+    since: "2012",
+    intro: [
+      "TypeScript is a superset of JavaScript that adds static types, enhancing code quality and maintainability.",
+      "It is widely used in modern web development for building scalable and robust applications."
+    ],
+    experience: [
+      "Extensively used TypeScript for ensuring type safety and enhancing developer experience across various projects.",
+      "Implemented TypeScript to build scalable and robust applications, leveraging its static typing and modern JavaScript features."
+    ]
+  },
+  {
+    name: "Solidity",
+    icon: "solidity",
+    tag: "Solidity",
+    image: "/images/tech/solidity.png",
+    description: "A contract-oriented programming language for writing smart contracts on Ethereum.",
+    link: "https://soliditylang.org/",
+    since: "2015",
+    intro: [
+      "Solidity is the primary language for writing smart contracts on Ethereum and other EVM-compatible blockchains.",
+      "It is designed to target the Ethereum Virtual Machine (EVM) and is influenced by C++, Python, and JavaScript."
+    ],
+    experience: [
+      "Developed smart contracts for the Knowledge ICO, focusing on security and efficiency, embodying the principle of keeping it simple.",
+      "Contributed to the development of asset-backed NFTs on Ethereum for RareMint, demonstrating the transformative power of blockchain technology.",
+      "Utilized Solidity in projects like BasilicEVM and bitlauncher for smart contract development and blockchain interactions."
+    ]
+  },
+  {
+    name: "Foundry",
+    icon: "foundry",
+    tag: "Foundry",
+    image: "/images/tech/foundry.png",
+    description: "A blazing fast, portable, and modular toolkit for Ethereum application development.",
+    link: "https://getfoundry.sh/",
+    since: "2021",
+    intro: [
+      "Foundry is a toolkit for Ethereum application development, known for its speed and modularity.",
+      "It provides a suite of tools for building, testing, and deploying smart contracts."
+    ],
+    experience: [
+      "Utilized Foundry in projects like BasilicEVM for efficient smart contract development and testing."
+    ]
+  },
+  {
+    name: "Next.js",
+    icon: "nextjs",
+    tag: "NextJS",
+    image: "/images/tech/nextjs.png",
+    description: "A React framework for production, providing hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more.",
+    link: "https://nextjs.org/",
+    since: "2016",
+    intro: [
+      "Next.js is a popular React framework that enables server-side rendering and static site generation for React applications.",
+      "It is known for its performance optimizations and ease of use in building scalable web applications."
+    ],
+    experience: [
+      "Utilized Next.js in BasilicEVM for building a performance-optimized development stack, enhancing scalability and maintainability.",
+      "Implemented server-side rendering and static site generation in projects like bitlauncher, dBoard, and RareMint to improve load times and SEO.",
+      "Enhanced user experience in Masterbots and ZTX by leveraging Next.js features for seamless integration with blockchain technologies."
+    ]
+  },
+  {
+    name: "Ponder",
+    icon: "ponder",
+    tag: "Ponder",
+    image: "/images/tech/ponder.png",
+    description: "A tool for indexing and querying blockchain data.",
+    link: "https://ponder.io/",
+    since: "2022",
+    intro: [
+      "Ponder is a powerful tool for indexing and querying blockchain data, making it easier to build responsive dApps.",
+      "It provides real-time data processing capabilities, enhancing the performance of decentralized applications."
+    ],
+    experience: [
+      "Utilized Ponder in projects like BasilicEVM for efficient data indexing and real-time updates.",
+      "Implemented Ponder to improve data retrieval and processing in blockchain applications."
+    ]
+  },
+  {
+    name: "PostgreSQL",
+    icon: "postgresql",
+    tag: "Postgres",
+    image: "/images/tech/postgresql.png",
+    description: "A powerful, open-source object-relational database system with a strong reputation for reliability, feature robustness, and performance.",
+    link: "https://www.postgresql.org/",
+    since: "1996",
+    intro: [
+      "PostgreSQL is a highly stable database management system, used by many companies and organizations to store and manage their data.",
+      "It supports advanced data types and performance optimization features, making it a popular choice for complex applications."
+    ],
+    experience: [
+      "Implemented PostgreSQL in projects like BitLauncher and RareMint for efficient data management and querying.",
+      "Utilized PostgreSQL in projects like EOS Costa Rica and bitcashBank for robust database solutions."
+    ]
+  },
+  {
+    name: "Viem",
+    icon: "viem",
+    tag: "Viem",
+    image: "/images/tech/viem.png",
+    description: "A library for interacting with Ethereum and other EVM-compatible blockchains.",
+    link: "https://viem.io/",
+    since: "2021",
+    intro: [
+      "Viem is a modern library designed to simplify interactions with Ethereum and other EVM-compatible blockchains.",
+      "It provides a robust set of tools for developers to build decentralized applications with ease."
+    ],
+    experience: [
+      "Utilized Viem in projects like BasilicEVM for efficient blockchain interactions and data processing.",
+      "Implemented Viem to enhance the development workflow, focusing on performance and scalability.",
+      "Used Viem in projects like bitlauncher for seamless blockchain integration."
+    ]
+  },
+  {
+    name: "Wagmi",
+    icon: "wagmi",
+    tag: "Wagmi",
+    image: "/images/tech/wagmi.png",
+    description: "A collection of React hooks for Ethereum.",
+    link: "https://wagmi.sh/",
+    since: "2021",
+    intro: [
+      "Wagmi provides a set of React hooks that simplify the process of building Ethereum applications.",
+      "It is designed to work seamlessly with popular libraries like ethers.js and viem."
+    ],
+    experience: [
+      "Implemented Wagmi in projects like BasilicEVM to streamline Ethereum application development.",
+      "Used Wagmi to enhance user experience and simplify blockchain interactions in React applications.",
+      "Utilized Wagmi in projects like bitlauncher for efficient Ethereum interactions."
+    ]
+  },
+  {
+    name: "EVM",
+    icon: "evm",
+    tag: "EVM",
+    image: "/images/tech/evm.png",
+    description: "The Ethereum Virtual Machine, a runtime environment for smart contracts in Ethereum.",
+    link: "https://ethereum.org/en/developers/docs/evm/",
+    since: "2015",
+    intro: [
+      "The EVM is the runtime environment for smart contracts in Ethereum, enabling decentralized computation.",
+      "It is a key component of the Ethereum blockchain, executing smart contracts and maintaining consensus."
+    ],
+    experience: [
+      "Worked with EVM in projects like BasilicEVM and RareMint for smart contract execution and blockchain interactions.",
+      "Utilized EVM in projects like bitcashBank for decentralized application development."
+    ]
+  },
+  {
+    name: "ThirdWeb",
+    icon: "thirdweb",
+    tag: "ThirdWeb",
+    image: "/images/tech/thirdweb.png",
+    description: "A platform for building and deploying Web3 applications with ease.",
+    link: "https://thirdweb.com/",
+    since: "2021",
+    intro: [
+      "ThirdWeb provides tools and infrastructure for building Web3 applications, simplifying the development process.",
+      "It offers a range of features for deploying smart contracts and managing blockchain interactions."
+    ],
+    experience: [
+      "Utilized ThirdWeb in projects like BasilicEVM for streamlined Web3 application development."
+    ]
+  },
+  {
+    name: "AI",
+    icon: "ai",
+    tag: "AI",
+    image: "/images/tech/ai.png",
+    description: "Artificial Intelligence technologies and tools for building intelligent applications.",
+    link: "https://en.wikipedia.org/wiki/Artificial_intelligence",
+    since: "1956",
+    intro: [
+      "AI encompasses a range of technologies and tools for building intelligent applications that can learn and adapt.",
+      "It is widely used in various fields, including natural language processing, computer vision, and robotics."
+    ],
+    experience: [
+      "Implemented AI solutions in projects like Masterbots and BitLauncher for enhanced user experiences and automation.",
+      "Utilized AI technologies in projects like Wizard World for AI-driven applications and content generation."
+    ]
+  },
+  {
+    name: "Alchemy",
+    icon: "alchemy",
+    tag: "Alchemy",
+    image: "/images/tech/alchemy.png",
+    description: "A blockchain development platform that provides infrastructure and tools for building decentralized applications.",
+    link: "https://www.alchemy.com/",
+    since: "2017",
+    intro: [
+      "Alchemy offers a suite of tools and infrastructure for building decentralized applications on blockchain networks.",
+      "It is known for its reliability and performance, supporting developers in building scalable blockchain solutions."
+    ],
+    experience: [
+      "Used Alchemy in projects like BitLauncher for reliable blockchain infrastructure and development support."
+    ]
+  },
+  {
+    name: "Hardhat",
+    icon: "hardhat",
+    tag: "Hardhat",
+    image: "/images/tech/hardhat.png",
+    description: "A development environment for Ethereum software, providing tools for building and testing smart contracts.",
+    link: "https://hardhat.org/",
+    since: "2020",
+    intro: [
+      "Hardhat is a development environment for Ethereum software, offering tools for building and testing smart contracts.",
+      "It is widely used for its flexibility and support for modern Ethereum development workflows."
+    ],
+    experience: [
+      "Utilized Hardhat in projects like BitLauncher for smart contract development and testing."
+    ]
+  },
+  {
+    name: "Node.js",
+    icon: "nodejs",
+    tag: "NodeJS",
+    image: "/images/tech/nodejs.png",
+    description: "A JavaScript runtime built on Chrome's V8 JavaScript engine, designed to build scalable network applications.",
+    link: "https://nodejs.org/",
+    since: "2009",
+    intro: [
+      "Node.js is known for its event-driven, non-blocking I/O model, which makes it lightweight and efficient for building web servers and applications.",
+      "It is widely used for developing server-side and networking applications."
+    ],
+    experience: [
+      "Founded Costa Rica JS, a meetup group that became Central America's largest JavaScript community, promoting open-source and collaborative development.",
+      "Utilized Node.js in projects like Eat Arcade and 4Tius Fitness Data Tracker for building scalable backend services, adhering to the principle of keeping it simple.",
+      "Contributed to the development of decentralized applications like Emanate and Sense Chat, leveraging Node.js for efficient and secure communication.",
+      "Implemented Node.js in projects like Wink for server-side development and real-time data processing."
+    ]
+  },
+  {
+    name: "GraphQL",
+    icon: "graphql",
+    tag: "GraphQL",
+    image: "/images/tech/graphql.png",
+    description: "A query language for your API, and a server-side runtime for executing queries by using a type system you define for your data.",
+    link: "https://graphql.org/",
+    since: "2015",
+    intro: [
+      "GraphQL provides a more efficient, powerful, and flexible alternative to REST, allowing clients to request exactly the data they need.",
+      "It is widely used in modern web applications for its ability to streamline data fetching and improve performance."
+    ],
+    experience: [
+      "Implemented GraphQL in projects like ChainGraph and dBoard for efficient data querying and real-time updates.",
+      "Utilized GraphQL in projects like EOS Costa Rica for flexible and efficient API development."
+    ]
+  },
+  {
+    name: "AI SDK",
+    icon: "ai-sdk",
+    tag: "AI SDK",
+    image: "/images/tech/ai-sdk.png",
+    description: "Software Development Kits for integrating AI capabilities into applications.",
+    link: "https://en.wikipedia.org/wiki/Software_development_kit",
+    since: "2020",
+    intro: [
+      "AI SDKs provide tools and libraries for integrating AI capabilities into applications, enhancing functionality and user experience.",
+      "They are used in various applications, from chatbots to data analysis and automation."
+    ],
+    experience: [
+      "Implemented AI SDKs in projects like Masterbots for advanced AI-driven features and automation."
+    ]
+  },
+  {
+    name: "LLMs",
+    icon: "llms",
+    tag: "LLMs",
+    image: "/images/tech/llms.png",
+    description: "Large Language Models used for natural language processing and understanding.",
+    link: "https://en.wikipedia.org/wiki/Language_model",
+    since: "2018",
+    intro: [
+      "LLMs are advanced models used for natural language processing, enabling applications to understand and generate human-like text.",
+      "They are widely used in chatbots, translation services, and content generation."
+    ],
+    experience: [
+      "Utilized LLMs in projects like Masterbots for enhanced natural language processing and user interaction."
+    ]
+  },
+  {
+    name: "WebGL",
+    icon: "webgl",
+    tag: "WebGL",
+    image: "/images/tech/webgl.png",
+    description: "A JavaScript API for rendering interactive 3D and 2D graphics within any compatible web browser.",
+    link: "https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API",
+    since: "2011",
+    intro: [
+      "WebGL is a powerful API for rendering 3D and 2D graphics in web browsers, enabling interactive visual experiences.",
+      "It is widely used in gaming, data visualization, and interactive web applications."
+    ],
+    experience: [
+      "Utilized WebGL in projects like ZTX for creating immersive 3D environments and visualizations."
+    ]
+  },
+  {
+    name: "Ethereum",
+    icon: "ethereum",
+    tag: "Ethereum",
+    image: "/images/tech/ethereum.png",
+    description: "A decentralized platform that enables developers to build and deploy smart contracts and decentralized applications.",
+    link: "https://ethereum.org/",
+    since: "2015",
+    intro: [
+      "Ethereum is a decentralized platform that allows developers to build and deploy smart contracts and decentralized applications.",
+      "It is known for its robust ecosystem and support for a wide range of blockchain applications."
+    ],
+    experience: [
+      "Worked with Ethereum in projects like ZTX and Knowledge.io for smart contract development and blockchain interactions."
+    ]
+  },
+  {
+    name: "NFT",
+    icon: "nft",
+    tag: "NFT",
+    image: "/images/tech/nft.png",
+    description: "Non-Fungible Tokens, unique digital assets that represent ownership of a specific item or piece of content.",
+    link: "https://en.wikipedia.org/wiki/Non-fungible_token",
+    since: "2017",
+    intro: [
+      "NFTs are unique digital assets that represent ownership of a specific item or piece of content, often used in art, gaming, and collectibles.",
+      "They are built on blockchain technology, ensuring authenticity and provenance."
+    ],
+    experience: [
+      "Implemented NFT solutions in projects like RareMint and ZTX for digital asset creation and trading."
+    ]
+  },
+  {
+    name: "AWS",
+    icon: "aws",
+    tag: "AWS",
+    image: "/images/tech/aws.png",
+    description: "Amazon Web Services offers reliable, scalable, and inexpensive cloud computing services.",
+    link: "https://aws.amazon.com/",
+    since: "2006",
+    intro: [
+      "AWS provides a wide range of cloud services, including computing power, storage options, and networking capabilities.",
+      "It is a popular choice for deploying and managing scalable applications in the cloud."
+    ],
+    experience: [
+      "Leveraged AWS for scalable cloud infrastructure in projects like Wink and Photo and Go, ensuring reliability and performance.",
+      "Implemented AWS solutions for secure and efficient data processing in decentralized applications like Bitcash, aligning with the principle of automating and securing everything."
+    ]
+  },
+  {
+    name: "GCloud",
+    icon: "gcloud",
+    tag: "GCloud",
+    image: "/images/tech/gcloud.png",
+    description: "Google Cloud Platform, a suite of cloud computing services that runs on the same infrastructure that Google uses internally.",
+    link: "https://cloud.google.com/",
+    since: "2008",
+    intro: [
+      "Google Cloud Platform offers a suite of cloud computing services, providing infrastructure, platform, and software solutions.",
+      "It is known for its scalability, reliability, and integration with Google's ecosystem."
+    ],
+    experience: [
+      "Utilized GCloud in projects like RareMint and bitcashBank for scalable cloud infrastructure and services."
+    ]
+  },
+  {
+    name: "Antelope",
+    icon: "antelope",
+    tag: "Antelope",
+    image: "/images/tech/antelope.png",
+    description: "A blockchain protocol designed for high performance and scalability, supporting decentralized applications.",
+    link: "https://antelope.io/",
+    since: "2021",
+    intro: [
+      "Antelope is a blockchain protocol designed for high performance and scalability, supporting decentralized applications.",
+      "It offers a robust environment for building and deploying blockchain solutions."
+    ],
+    experience: [
+      "Worked with Antelope in projects like bitcashBank and ChainGraph for blockchain application development."
+    ]
+  },
+  {
+    name: "C++",
+    icon: "cpp",
+    tag: "C++",
+    image: "/images/tech/cpp.png",
+    description: "A general-purpose programming language created as an extension of the C programming language.",
+    link: "https://en.wikipedia.org/wiki/C%2B%2B",
+    since: "1985",
+    intro: [
+      "C++ is a general-purpose programming language known for its performance and efficiency, widely used in system software, game development, and real-time simulations.",
+      "It supports object-oriented, procedural, and generic programming paradigms."
+    ],
+    experience: [
+      "Utilized C++ in projects like bitcashBank and EOS Costa Rica for high-performance application development."
+    ]
+  },
+  {
+    name: "EOS",
+    icon: "eos",
+    tag: "EOS",
+    image: "/images/tech/eos.png",
+    description: "A blockchain platform designed for the development of decentralized applications (dApps).",
+    link: "https://eos.io/",
+    since: "2018",
+    intro: [
+      "EOS is a blockchain platform designed for the development of decentralized applications (dApps), known for its scalability and flexibility.",
+      "It provides a robust environment for building and deploying blockchain solutions with high performance."
+    ],
+    experience: [
+      "Worked with EOS in projects like Emanate and Make Sense Labs for blockchain application development and integration."
+    ]
+  },
+  {
+    name: "Cloud",
+    icon: "cloud",
+    tag: "Cloud",
+    image: "/images/tech/cloud.png",
+    description: "Cloud computing services that provide scalable and flexible infrastructure for applications.",
+    link: "https://en.wikipedia.org/wiki/Cloud_computing",
+    since: "2006",
+    intro: [
+      "Cloud computing services offer scalable and flexible infrastructure for applications, enabling efficient resource management and deployment.",
+      "They are widely used for hosting, data storage, and application deployment across various industries."
+    ],
+    experience: [
+      "Utilized cloud services in projects like EOS Costa Rica and RareMint for scalable infrastructure and application deployment."
+    ]
+  },
+  {
+    name: "Serverless",
+    icon: "serverless",
+    tag: "Serverless",
+    image: "/images/tech/serverless.png",
+    description: "A cloud computing execution model where the cloud provider dynamically manages the allocation of machine resources.",
+    link: "https://www.serverless.com/",
+    since: "2015",
+    intro: [
+      "Serverless computing allows developers to build and run applications without managing the underlying infrastructure.",
+      "It is known for its scalability and cost-effectiveness, enabling developers to focus on code rather than server management."
+    ],
+    experience: [
+      "Implemented serverless architectures in projects like Knowledge.io for scalable and efficient application deployment."
+    ]
+  },
+  {
+    name: "Docker",
+    icon: "docker",
+    tag: "Docker",
+    image: "/images/tech/docker.png",
+    description: "A platform for developing, shipping, and running applications in containers.",
+    link: "https://www.docker.com/",
+    since: "2013",
+    intro: [
+      "Docker allows developers to package applications and their dependencies into containers, ensuring consistency across environments.",
+      "It simplifies deployment and scaling of applications, making it a popular choice for modern DevOps practices."
+    ],
+    experience: [
+      "Utilized Docker in projects like ChainGraph and Photo and Go for containerized application deployment and management."
+    ]
+  },
+  {
+    name: "RXJS",
+    icon: "rxjs",
+    tag: "RXJS",
+    image: "/images/tech/rxjs.png",
+    description: "A library for reactive programming using Observables, to make it easier to compose asynchronous or callback-based code.",
+    link: "https://rxjs.dev/",
+    since: "2015",
+    intro: [
+      "RXJS is a library for reactive programming using Observables, enabling developers to compose asynchronous and event-based programs.",
+      "It is widely used in modern web development for handling asynchronous data streams."
+    ],
+    experience: [
+      "Implemented RXJS in projects like ChainGraph for efficient data stream management and real-time updates."
+    ]
+  },
+  {
+    name: "Flow Blockchain",
+    icon: "flow",
+    tag: "Flow Blockchain",
+    image: "/images/tech/flow.png",
+    description: "A fast, decentralized, and developer-friendly blockchain, designed as the foundation for a new generation of games, apps, and digital assets.",
+    link: "https://www.onflow.org/",
+    since: "2020",
+    intro: [
+      "Flow is a fast, decentralized, and developer-friendly blockchain, designed as the foundation for a new generation of games, apps, and digital assets.",
+      "It is known for its scalability and ease of use, making it a popular choice for NFT and gaming applications."
+    ],
+    experience: [
+      "Utilized Flow Blockchain in projects like Fantasy Top Shots for NFT integration and gaming applications."
+    ]
+  },
+  {
+    name: "React Native",
+    icon: "react-native",
+    tag: "React Native",
+    image: "/images/tech/react-native.png",
+    description: "A framework for building native apps using React.",
+    link: "https://reactnative.dev/",
+    since: "2015",
+    intro: [
+      "React Native allows developers to build mobile applications using React, enabling a single codebase for both iOS and Android.",
+      "It is known for its ability to create truly native apps with a consistent developer experience."
+    ],
+    experience: [
+      "Developed the first version of Wink's mobile app, focusing on seamless user experience and integration with AWS services.",
+      "Enhanced the Sense.chat app's performance and integrated it with the EOS mainnet for secure transactions.",
+      "Improved Tractor Supply's mobile app by developing an augmented reality feature and optimizing code quality."
+    ]
+  },
+  {
+    name: "Expo",
+    icon: "expo",
+    tag: "Expo",
+    image: "/images/tech/expo.png",
+    description: "A set of tools and services for React Native development.",
+    link: "https://expo.dev/",
+    since: "2017",
+    intro: [
+      "Expo provides a set of tools and services to streamline React Native development, simplifying the process of building, deploying, and testing applications.",
+      "It enhances the React Native development experience by offering a managed workflow."
+    ],
+    experience: [
+      "Utilized Expo in Fantasy Top Shots to streamline development and deployment processes, enhancing the mobile app's performance.",
+      "Leveraged Expo's managed workflow to accelerate the development of mobile applications, ensuring efficient testing and deployment."
+    ]
+  },
+  {
+    name: "Tailwind CSS",
+    icon: "tailwind",
+    tag: "Tailwind",
+    image: "/images/tech/tailwind.png",
+    description: "A utility-first CSS framework for rapid UI development.",
+    link: "https://tailwindcss.com/",
+    since: "2017",
+    intro: [
+      "Tailwind CSS provides a set of utility classes that allow developers to build custom designs without leaving their HTML.",
+      "It is known for its flexibility and ability to create responsive and modern user interfaces quickly."
+    ],
+    experience: [
+      "Used Tailwind CSS in projects like ZTX and Fantasy Top Shots for efficient and responsive UI design, focusing on clarity and simplicity.",
+      "Implemented Tailwind CSS to enhance the user experience, aligning with the principle of user experience first."
+    ]
+  },
+  {
+    name: "Polkadot",
+    icon: "polkadot",
+    tag: "Polkadot",
+    image: "/images/tech/polkadot.png",
+    description: "A network protocol that allows arbitrary data\u2014not just tokens\u2014to be transferred across blockchains.",
+    link: "https://polkadot.network/",
+    since: "2020",
+    intro: [
+      "Polkadot is a network protocol that allows arbitrary data\u2014not just tokens\u2014to be transferred across blockchains.",
+      "It is designed to enable a web where our data is our own and isn't stored on a server owned by an intermediary company."
+    ],
+    experience: [
+      "Worked with Polkadot in projects like Substrate Contracts UI for blockchain interoperability and smart contract development."
+    ]
+  },
+  {
+    name: "Substrate",
+    icon: "substrate",
+    tag: "Substrate",
+    image: "/images/tech/substrate.png",
+    description: "A framework for building blockchains, providing a set of tools and libraries for blockchain development.",
+    link: "https://substrate.dev/",
+    since: "2018",
+    intro: [
+      "Substrate is a framework for building blockchains, providing a set of tools and libraries for blockchain development.",
+      "It is known for its flexibility and support for building custom blockchains with ease."
+    ],
+    experience: [
+      "Utilized Substrate in projects like Substrate Contracts UI for building and deploying custom blockchains."
+    ]
+  },
+  {
+    name: "Flow",
+    icon: "flow",
+    tag: "Flow",
+    image: "/images/tech/flow.png",
+    description: "A fast, decentralized, and developer-friendly blockchain, designed as the foundation for a new generation of games, apps, and digital assets.",
+    link: "https://www.onflow.org/",
+    since: "2020",
+    intro: [
+      "Flow is a fast, decentralized, and developer-friendly blockchain, designed as the foundation for a new generation of games, apps, and digital assets.",
+      "It is known for its scalability and ease of use, making it a popular choice for NFT and gaming applications."
+    ],
+    experience: [
+      "Utilized Flow in projects like Wizard World for NFT integration and digital asset management."
+    ]
+  },
+  {
+    name: "Niftory",
+    icon: "niftory",
+    tag: "Niftory",
+    image: "/images/tech/niftory.png",
+    description: "A platform for creating, managing, and distributing NFTs, providing tools and infrastructure for NFT development.",
+    link: "https://niftory.com/",
+    since: "2021",
+    intro: [
+      "Niftory provides a platform for creating, managing, and distributing NFTs, offering tools and infrastructure for NFT development.",
+      "It simplifies the process of building and deploying NFT applications."
+    ],
+    experience: [
+      "Used Niftory in projects like Wizard World for NFT creation and management."
+    ]
+  },
+  {
+    name: "Dalle",
+    icon: "dalle",
+    tag: "Dalle",
+    image: "/images/tech/dalle.png",
+    description: "An AI model developed by OpenAI for generating images from textual descriptions.",
+    link: "https://openai.com/dall-e/",
+    since: "2021",
+    intro: [
+      "Dalle is an AI model developed by OpenAI for generating images from textual descriptions, enabling creative and artistic applications.",
+      "It is widely used for generating unique and creative visual content."
+    ],
+    experience: [
+      "Implemented Dalle in projects like Wizard World for AI-driven image generation."
+    ]
+  },
+  {
+    name: "Midjourney",
+    icon: "midjourney",
+    tag: "Midjourney",
+    image: "/images/tech/midjourney.png",
+    description: "An AI-powered tool for generating creative and artistic images, often used in digital art and design.",
+    link: "https://www.midjourney.com/",
+    since: "2021",
+    intro: [
+      "Midjourney is an AI-powered tool for generating creative and artistic images, often used in digital art and design.",
+      "It provides a platform for artists and designers to explore new creative possibilities."
+    ],
+    experience: [
+      "Utilized Midjourney in projects like Wizard World for generating artistic images and digital content."
+    ]
+  },
+  {
+    name: "OpenAI",
+    icon: "openai",
+    tag: "OpenAI",
+    image: "/images/tech/openai.png",
+    description: "An AI research and deployment company, known for developing advanced AI models and technologies.",
+    link: "https://openai.com/",
+    since: "2015",
+    intro: [
+      "OpenAI is an AI research and deployment company, known for developing advanced AI models and technologies.",
+      "It is widely recognized for its contributions to AI research and development, including models like GPT-3 and Dalle."
+    ],
+    experience: [
+      "Implemented OpenAI technologies in projects like Wizard World for AI-driven applications and content generation."
+    ]
+  },
+  {
+    name: "Biometrics",
+    icon: "biometrics",
+    tag: "Biometrics",
+    image: "/images/tech/biometrics.png",
+    description: "Technologies and methods for recognizing individuals based on physical or behavioral characteristics.",
+    link: "https://en.wikipedia.org/wiki/Biometrics",
+    since: "2000",
+    intro: [
+      "Biometrics involves technologies and methods for recognizing individuals based on physical or behavioral characteristics.",
+      "It is widely used in security systems, authentication, and identity verification."
+    ],
+    experience: [
+      "Implemented biometric authentication in projects like Wink for enhanced security and user verification."
+    ]
+  },
+  {
+    name: "Express.js",
+    icon: "express",
+    tag: "Express.js",
+    image: "/images/tech/express.png",
+    description: "A minimal and flexible Node.js web application framework.",
+    link: "https://expressjs.com/",
+    since: "2010",
+    intro: [
+      "Express.js provides a robust set of features for web and mobile applications, making it a popular choice for building APIs.",
+      "It is known for its simplicity and flexibility, allowing developers to create server-side applications quickly."
+    ],
+    experience: [
+      "Implemented Express.js in projects like Eat Arcade for building RESTful APIs, focusing on simplicity and efficiency.",
+      "Utilized Express.js to create scalable and maintainable server-side applications, adhering to the principle of keeping it simple."
+    ]
+  },
+  {
+    name: "AngularJS",
+    icon: "angularjs",
+    tag: "AngularJS",
+    image: "/images/tech/angularjs.png",
+    description: "A structural framework for dynamic web apps.",
+    link: "https://angularjs.org/",
+    since: "2010",
+    intro: [
+      "AngularJS lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly.",
+      "It is fully extensible and works well with other libraries."
+    ],
+    experience: [
+      "Used AngularJS in projects like ARINC Microfids for building interactive and dynamic web applications, focusing on user experience and performance.",
+      "Utilized AngularJS to enhance web applications, aligning with the principle of user experience first."
+    ]
+  },
+  {
+    name: "MongoDB",
+    icon: "mongodb",
+    tag: "MongoDB",
+    image: "/images/tech/mongodb.png",
+    description: "A document database with the scalability and flexibility that you want with the querying and indexing that you need.",
+    link: "https://www.mongodb.com/",
+    since: "2009",
+    intro: [
+      "MongoDB is a document database designed for ease of development and scaling.",
+      "It is known for its flexibility and scalability, making it a popular choice for modern web applications."
+    ],
+    experience: [
+      "Implemented MongoDB in projects like Eat Arcade for efficient data management and querying.",
+      "Utilized MongoDB to enhance web applications, aligning with the principle of user experience first."
+    ]
+  },
+  {
+    name: "Heroku",
+    icon: "heroku",
+    tag: "Heroku",
+    image: "/images/tech/heroku.png",
+    description: "A platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud.",
+    link: "https://www.heroku.com/",
+    since: "2007",
+    intro: [
+      "Heroku is a platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud.",
+      "It is known for its ease of use and support for a wide range of programming languages and frameworks."
+    ],
+    experience: [
+      "Deployed applications on Heroku in projects like Eat Arcade for scalable and efficient cloud hosting."
+    ]
+  },
+  {
+    name: "Bootstrap",
+    icon: "bootstrap",
+    tag: "Bootstrap",
+    image: "/images/tech/bootstrap.png",
+    description: "A free and open-source CSS framework directed at responsive, mobile-first front-end web development.",
+    link: "https://getbootstrap.com/",
+    since: "2011",
+    intro: [
+      "Bootstrap contains CSS- and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.",
+      "It is widely used for its responsive grid system and pre-designed components."
+    ],
+    experience: [
+      "Utilized Bootstrap in projects like Gridium and Jockey Hollow Bar and Kitchen for responsive design and layout, focusing on user experience and performance.",
+      "Implemented Bootstrap to enhance web applications, aligning with the principle of user experience first."
+    ]
+  },
+  {
+    name: "Stripe",
+    icon: "stripe",
+    tag: "Stripe",
+    image: "/images/tech/stripe.png",
+    description: "A technology company that builds economic infrastructure for the internet.",
+    link: "https://stripe.com/",
+    since: "2010",
+    intro: [
+      "Stripe provides a suite of payment APIs that powers commerce for online businesses of all sizes.",
+      "It is known for its ease of integration and support for a wide range of payment methods."
+    ],
+    experience: [
+      "Integrated Stripe in projects like Eat Arcade for seamless payment processing and user transactions."
+    ]
+  },
+  {
+    name: "Twilio",
+    icon: "twilio",
+    tag: "Twilio",
+    image: "/images/tech/twilio.png",
+    description: "A cloud communications platform for building SMS, Voice & Messaging applications on an API.",
+    link: "https://www.twilio.com/",
+    since: "2008",
+    intro: [
+      "Twilio provides APIs for sending and receiving messages, making phone calls, and performing other communication functions.",
+      "It is widely used for integrating communication capabilities into applications."
+    ],
+    experience: [
+      "Used Twilio in projects like Eat Arcade for SMS-based user engagement and notifications."
+    ]
+  },
+  {
+    name: "Linux",
+    icon: "linux",
+    tag: "Linux",
+    image: "/images/tech/linux.png",
+    description: "An open-source operating system based on Unix, widely used for servers, desktops, and embedded systems.",
+    link: "https://www.linux.org/",
+    since: "1991",
+    intro: [
+      "Linux is an open-source operating system based on Unix, known for its stability, security, and flexibility.",
+      "It is widely used in servers, desktops, and embedded systems, providing a robust platform for various applications."
+    ],
+    experience: [
+      "Utilized Linux in projects like 4Tius Fitness Data Tracker for server management and application deployment."
+    ]
+  },
+  {
+    name: "JavaScript",
+    icon: "javascript",
+    tag: "JavaScript",
+    image: "/images/tech/javascript.png",
+    description: "A high-level, just-in-time compiled, object-oriented programming language.",
+    link: "https://developer.mozilla.org/en-US/docs/Web/JavaScript",
+    since: "1995",
+    intro: [
+      "JavaScript is a versatile programming language that is widely used for web development, enabling interactive and dynamic web pages.",
+      "It is known for its flexibility and support for a wide range of programming paradigms."
+    ],
+    experience: [
+      "Utilized JavaScript in projects like Staples and Gridium for building interactive and dynamic web applications.",
+      "Implemented JavaScript to enhance web applications, aligning with the principle of user experience first."
+    ]
+  },
+  {
+    name: "CSS",
+    icon: "css",
+    tag: "CSS",
+    image: "/images/tech/css.png",
+    description: "A style sheet language used for describing the presentation of a document written in a markup language like HTML.",
+    link: "https://developer.mozilla.org/en-US/docs/Web/CSS",
+    since: "1996",
+    intro: [
+      "CSS is a style sheet language used for describing the presentation of a document written in a markup language like HTML.",
+      "It is known for its ability to separate content from design, enabling responsive and visually appealing web pages."
+    ],
+    experience: [
+      "Utilized CSS in projects like Staples and Gridium for styling and layout, focusing on user experience and performance.",
+      "Implemented CSS to enhance web applications, aligning with the principle of user experience first."
+    ]
+  },
+  {
+    name: "Mootools",
+    icon: "mootools",
+    tag: "Mootools",
+    image: "/images/tech/mootools.png",
+    description: "A compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer.",
+    link: "https://mootools.net/",
+    since: "2006",
+    intro: [
+      "Mootools is a JavaScript framework that provides a rich set of features for building web applications, including DOM manipulation, event handling, and more.",
+      "It is known for its lightweight and modular architecture."
+    ],
+    experience: [
+      "Implemented Mootools in projects like Staples for building interactive and dynamic web features."
+    ]
+  },
+  {
+    name: "Data Charts",
+    icon: "data-charts",
+    tag: "Data Charts",
+    image: "/images/tech/data-charts.png",
+    description: "Tools and libraries for creating interactive and dynamic data visualizations.",
+    link: "https://www.chartjs.org/",
+    since: "2013",
+    intro: [
+      "Data charts provide a way to visualize data in a clear and interactive manner, making it easier to understand and analyze.",
+      "They are widely used in applications that require data visualization and analysis."
+    ],
+    experience: [
+      "Implemented data charts in projects like Gridium for interactive and dynamic data visualization."
+    ]
+  },
+  {
+    name: "Ruby on Rails",
+    icon: "rails",
+    tag: "Ruby on Rails",
+    image: "/images/tech/rails.png",
+    description: "A web application framework written in Ruby, designed to make programming web applications easier.",
+    link: "https://rubyonrails.org/",
+    since: "2004",
+    intro: [
+      "Ruby on Rails is a full-stack web application framework that emphasizes convention over configuration.",
+      "It is known for its developer-friendly syntax and rapid development capabilities."
+    ],
+    experience: [
+      "Developed applications like Tikr and ARINC Microfids using Ruby on Rails for robust backend solutions, focusing on simplicity and maintainability.",
+      "Leveraged Ruby on Rails to build scalable and efficient web applications, adhering to the principle of optimizing later."
+    ]
+  },
+  {
+    name: "Faye",
+    icon: "faye",
+    tag: "Faye",
+    image: "/images/tech/faye.png",
+    description: "A publish-subscribe messaging system based on the Bayeux protocol.",
+    link: "https://faye.jcoglan.com/",
+    since: "2009",
+    intro: [
+      "Faye is a messaging system that provides a simple and efficient way to implement real-time messaging in web applications.",
+      "It is known for its ease of use and support for the Bayeux protocol."
+    ],
+    experience: [
+      "Used Faye in projects like ARINC Microfids for real-time messaging and data updates, focusing on user experience and performance.",
+      "Utilized Faye to enhance web applications, aligning with the principle of user experience first."
+    ]
+  },
+  {
+    name: "LESS",
+    icon: "less",
+    tag: "LESS",
+    image: "/images/tech/less.png",
+    description: "A backward-compatible language extension for CSS.",
+    link: "https://lesscss.org/",
+    since: "2009",
+    intro: [
+      "LESS is a CSS pre-processor that extends the capabilities of CSS with variables, mixins, and functions.",
+      "It simplifies the process of writing and maintaining stylesheets, making them more readable and reusable."
+    ],
+    experience: [
+      "Utilized LESS in projects like ARINC Microfids for efficient and maintainable stylesheet development."
+    ]
+  },
+  {
+    name: "Wordpress",
+    icon: "wordpress",
+    tag: "Wordpress",
+    image: "/images/tech/wordpress.png",
+    description: "A free and open-source content management system (CMS) based on PHP and MySQL.",
+    link: "https://wordpress.org/",
+    since: "2003",
+    intro: [
+      "Wordpress is a free and open-source content management system (CMS) based on PHP and MySQL.",
+      "It is known for its ease of use and support for a wide range of plugins and themes, making it a popular choice for building websites and blogs."
+    ],
+    experience: [
+      "Utilized Wordpress in projects like Capoeira Abolicao and Panini for building and managing websites, focusing on simplicity and flexibility.",
+      "Implemented Wordpress to enhance web applications, aligning with the principle of user experience first."
     ]
   }
 ];
@@ -1096,7 +2024,7 @@ function getTechStackByTag(tag) {
   };
 }
 function getProjectsByTechnology(tag) {
-  return projects.filter((project) => project.technologies.includes(tag));
+  return projects.filter((project) => project.tech.includes(tag));
 }
 function gaboLog() {
   console.log({ project: projects, tech: techStack });