Skip to content

Commit

Permalink
chore: Update Astro configuration and dependencies
Browse files Browse the repository at this point in the history
  • Loading branch information
manugcampos committed Jul 24, 2024
1 parent 094032d commit 4133be4
Show file tree
Hide file tree
Showing 30 changed files with 463 additions and 261 deletions.
27 changes: 0 additions & 27 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,27 +0,0 @@
# 👨🏻‍💻 Porfolio para programadores y desarrolladores

<div align="center">
<a href="https://porfolio.dev/">
<img src="./public/porfolio.webp">
</a>
<p></p>
</div>

<div align="center">

![Astro Badge](https://img.shields.io/badge/Astro-FF3E00?logo=astro&logoColor=fff&style=flat)
![Tailwind CSS Badge](https://img.shields.io/badge/Tailwind%20CSS-06B6D4?logo=tailwindcss&logoColor=fff&style=flat)
![GitHub stars](https://img.shields.io/github/stars/midudev/porfolio.dev)
![GitHub PRs](https://img.shields.io/github/issues-pr/midudev/porfolio.dev)
![GitHub forks](https://img.shields.io/github/forks/midudev/porfolio.dev)
![GitHub issues](https://img.shields.io/github/issues/midudev/porfolio.dev)

</div>

## 🫂 Contribuidores

<a href="https://github.com/midudev/porfolio.dev/graphs/contributors">
<img src="https://contrib.rocks/image?repo=midudev/porfolio.dev" />
</a>

<p></p>
5 changes: 5 additions & 0 deletions astro-i18next.config.mjs
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
/** @type {import('astro-i18next').AstroI18nextConfig} */
export default {
defaultLocale: 'es',
locales: ["en", "es"],
};
16 changes: 10 additions & 6 deletions astro.config.mjs
Original file line number Diff line number Diff line change
@@ -1,10 +1,14 @@
import { defineConfig } from 'astro/config'
import tailwind from "@astrojs/tailwind"

import robotsTxt from "astro-robots-txt"
import { defineConfig } from 'astro/config';
import tailwind from '@astrojs/tailwind';
import robotsTxt from 'astro-robots-txt';
import astroI18next from 'astro-i18next';

// https://astro.build/config
export default defineConfig({
integrations: [tailwind(), robotsTxt()],
integrations: [
astroI18next(),
tailwind(),
robotsTxt()
],
site: 'https://porfolio.dev/'
})
});
5 changes: 4 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
"version": "0.0.1",
"scripts": {
"dev": "astro dev",
"dev:host": "astro dev --host",
"start": "astro dev",
"build": "astro check && astro build",
"preview": "astro preview",
Expand All @@ -14,8 +15,10 @@
"@astrojs/tailwind": "5.1.0",
"@fontsource-variable/onest": "5.0.2",
"astro": "4.4.5",
"astro-i18next": "^1.0.0-beta.21",
"astro-robots-txt": "1.0.0",
"node-fetch": "^3.3.2",
"tailwindcss": "3.4.1",
"typescript": "5.3.3"
}
}
}
33 changes: 33 additions & 0 deletions public/locales/en/translation.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
{
"title": "Portfolio of Manuel G Campos - Web Developer and Programmer with 5 years of experience",
"description": "Specialized in creating end-to-end applications for all audiences.",
"laboral_experience": "Work Experience",
"experience_item": "Experience",
"projects": "Projects",
"about_me": "About Me",
"experience": "+4 years of experience.",
"role": "Software Developer and Software Engineering student",
"from": "from Seville, Spain 🇪🇸. Specialized in the development of web and native applications 📲.",
"contact": "Contact Me",
"linkedin": "LinkedIn",
"ncc_experience": "Development of web applications with Next.js and React using TypeScript. Creation of components and libraries to improve software efficiency and quality. Implementation of unit and integration tests.",
"bcnc_experience": "Worked with micro-frontend technologies at a leading European bank, using React with TypeScript, collaborating in a multidisciplinary team.",
"blumii_experience": "Developed various web and mobile tools using technologies like .Net, Vanilla JS, Angular, and SQL Server. A fundamental stage in my career where I learned a lot and worked on large-scale projects such as the Covid Passport.",
"escode_title": "Escode - Redefining Software Escrow. A product of the NCC Group",
"escode_description": "Escode is a SaaS platform that redefines the way software escrow is done. Its secure hosted solution provides a safe and reliable way to protect your software assets.",
"bot_title": "The Intelligent Bot",
"bot_description": "A Telegram bot designed for students, which extracts information from an attached PDF sent to the bot and generates audio files from the text contained in the PDF.",
"code": "Code",
"preview": "Preview",
"about_me_title": "My name is Manuel, and I have been passionate about technology since I tried the first OnePlus mobile. I am currently",
"about_me_strong": "working on a leading project in the area of Scrow Deposits",
"about_me_subtitle": " Some of my achievements include ",
"about_me_subtitle_strong": "developing the Covid Passport in record time, developing management apps for clients that help save up to 30% more, automations..",
"about_me_info": "I have undoubtedly worked on projects of all scales, but I am a strong lover of web development.",
"about_me_carreer": "After almost 5 years as a developer and after completing a CFGS DAW in 2020, I decided to",
"about_me_carreer_strong": "enter university and pursue a degree in Software Engineering",
"about_me_carreer_info": "simply to be better in the development world and advance in other areas such as LMMs & AI.",
"template_inspiration" : "Template inspired by",
"github": "GitHub",
"learn_more" :"Learn more about this project"
}
35 changes: 35 additions & 0 deletions public/locales/es/translation.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
{
"title": "Porfolio de Manuel G Campos - Desarrollador y Programador Web con 5 años de experiencia",
"description": "Especializado en crear aplicaciones end to end para todos los públicos.",
"laboral_experience": "Experiencia Laboral",
"experience_item": "Experiencia",
"projects": "Proyectos",
"about_me": "Sobre mí",
"experience": "+4 años de experiencia.",
"role": "Desarrollador de Software y estudiante de Ingeniería de Software",
"from": "de Sevilla, España 🇪🇸. Especializado en el desarrollo de aplicaciones web y nativas 📲.",
"contact": "Contáctame",
"linkedin": "LinkedIn",
"ncc_experience": "Desarrollo de aplicaciones web con Next.js y React usando TypeScript. Creación de componentes y librerías para mejorar la eficiencia y la calidad del software. Implementación de tests unitarios y de integración.",
"bcnc_experience": "Trabajo con tecnologías de micro-frontend en un banco líder europeo, utilizando React con TypeScript, colaborando en un equipo multidisciplinar.",
"blumii_experience" : "Desarrollo de diferentes herramientas web y móviles con tecnologías como .Net, Vanilla JS, Angular y SQL Server. Etapa fundamental en mi carrera de la cual aprendí mucho y trabajé en proyectos de gran escala tales como el Pasaporte Covid.",
"escode_title" : "Escode - Redefiniendo el Software Escrow. Un producto del Grupo NCC",
"escode_description" : "Escode is a SaaS platform that redefines the way software escrow is done. Its secure hosted solution provides a safe and reliable way to protect your software assets.",
"bot_title" :"El Bot Inteligente",
"bot_description" :"Un bot de Telegram diseñado para estudiantes, que extrae información de un PDF adjunto enviado al bot y genera archivos de audio a partir del texto contenido en el PDF.",
"code" : "Código",
"preview" : "Vista Previa",
"about_me_title" : "Mi nombre es Manuel y he sido un apasionado de la tecnología desde que probé el primer móvil OnePlus. Actualmente me encuentro",
"about_me_strong" : "trabajando en un proyecto líder en el área de Scrow Deposits",
"about_me_subtitle" : " Algunos de mis éxitos se basan en ",
"about_me_subtitle_strong" : "desarrollar el Pasaporte Covid en tiempo récord, desarrollo de apps de gestión para clientes que ayudan a ahorrar hasta un 30% más, automatizaciones..",
"about_me_info": "Sin duda he tocado proyectos de todas las escalas pero soy un fuerte enamorado del desarrollo web.",
"about_me_carreer" :"Al cabo de los casi 5 años que llevo como desarrollador y tras haber cursado un CFGS DAW en 2020, he decidido",
"about_me_carreer_strong" :"entrar en la universidad y hacer Ingeniería de Software",
"about_me_carreer_info" :"simplemente por ser mejor en el mundo del desarrollo y avanzar en otras áreas tales como LMMs & IA.",
"template_inspiration" : "Plantilla inspirada en",
"github": "GitHub",
"learn_more" :"Saber más acerca de este proyecto"
}


Binary file added public/manuel.webp
Binary file not shown.
Binary file added public/me.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed public/me.png
Binary file not shown.
Binary file removed public/midudev.webp
Binary file not shown.
Binary file added public/projects/escode.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/projects/inteligent_bot.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
72 changes: 13 additions & 59 deletions src/components/AboutMe.astro
Original file line number Diff line number Diff line change
@@ -1,79 +1,33 @@
---
const personalImageAlt = "Miguel Ángel"
const personalImageAlt = "Manuel Gutiérrez"
import { t } from "i18next";
---

<article class="flex flex-col items-center justify-center gap-8 text-gray-700 dark:text-gray-300 md:flex-row">
<div
class="[&>p]:mb-4 [&>p>strong]:text-yellow-500 dark:[&>p>strong]:text-yellow-100 [&>p>strong]:font-normal [&>p>strong]:font-mono text-pretty order-2 md:order-1"
>
<p>
Me llamo Miguel Ángel pero mis amigos me llaman midu. Empecé en la
programación con un Amstrad, tenía 10 años. Actualmente estoy <strong
>liderando equipos de desarrollo en multinacionales</strong
{t("about_me_title")}
<strong
>{t("about_me_strong")}</strong
>.
</p>

<p>
Algunos de mis éxitos incluyen <strong
>colaborar con Mozilla para el desarrollo de las primeras apps en su
sistema FirefoxOS</strong
>. Aunque hoy está desaparecido fue un gran avance en el mundo del
desarrollo web.
{t("about_me_subtitle")}<strong
>{t("about_me_subtitle_strong")}</strong
>. {t("about_me_info")}
</p>

<p>
Como creador de contenido, <strong
>cuento con el canal de habla hispana más visto del mundo en la
categoría de <em class="italic">Software & Game Development</em> en Twitch</strong
>. Mi objetivo es mejorar la empleabilidad de la comunidad hispana y el
acceso a contenido de calidad.
{t("about_me_carreer")} <strong
>{t("about_me_carreer_strong")}</strong
> {t("about_me_carreer_info")}
</p>
</div>

<img width="200" height="200" src="/me.png" alt={personalImageAlt} class="order-1 object-cover w-64 h-full p-1 md:order-2 rotate-3 lg:p-2 lg:w-64 aspect-square rounded-2xl bg-black/20 dark:bg-yellow-500/5 ring-1 ring-black/70 dark:ring-white/20 " style="object-position: 50% 50%">
<img width="200" height="200" src="/me.jpg" alt={personalImageAlt} class="order-1 object-cover w-64 h-full p-1 md:order-2 rotate-3 lg:p-2 lg:w-64 aspect-square rounded-2xl bg-black/20 dark:bg-yellow-500/5 ring-1 ring-black/70 dark:ring-white/20 " style="object-position: 50% 50%">

</article>

<!-- FRASES PROHIBIDAS EN VUESTRO PORTFOLIO
<p>
Mi sueño es encontrar mi primer empleo en el mundo de la programación. Una empresa donde pueda seguir aprendiendo. ❌
</p>
<p>
❌ Apasionado de la programación desde chekitito. Me encantan los ordenadores y crear páginas web buenas y rápidas con la última tecnología.
</p>
<p>
Trabajo bien en equipo. Siempre estoy aprendiendo cosas nuevas.
</p>
-------------------------------------
--------------------------------------
<p>
¡Soy Leo! Estudié Derecho Empresarial y, tras años ejerciendo, me pasé al mundo de la Programación. Desde entonces disfruto creando experiencias web para los usuarios.
</p>
<p>
Entre mis éxitos destaco que durante el Grado Superior, ayudé a mis compañeros a aprender sobre TDD. Me encanta el testing, creo en su importancia, y me gusta compartir mi conocimiento sobre ello.
</p>
<p>
Cuento con experiencia desarrollando aplicaciones móviles, y he creado una iniciativa llamada X para mezclar mis dos pasiones: la programación y el derecho. Ayudando a la sociedad a acceso a una defensa justa.
</p>
---------------------------------------
<p>Me llamo Sara, tengo 25 años y soy de Santiago, Chile 🇨🇱. Terminé mis estudios como Desarrolladora Web. Me encanta enfocarme en la parte del rendimiento, para ofrecer la mejora experiencia al usuario.</p>
<p>
Colaboro en la organización del MeetUp local BeerJS donde reunimos a desarrolladores de Santiago para compartir conocimiento y experiencias. El año 2023 hicimos un total de 25 charlas con más de 2000 asistentes.
</p>
<p>
Además de participar activamente en la comunidad, he participado en la Hackathon de Midudev quedando en 3er puesto con mi proyecto _Chatty_, donde usando IA podías interactuar con un PDF. ¡Échale un vistazo!
</p>
-->
32 changes: 19 additions & 13 deletions src/components/Experience.astro
Original file line number Diff line number Diff line change
@@ -1,22 +1,28 @@
---
import ExperienceItem from "./ExperienceItem.astro"
import i18next, { t } from 'i18next';
import ExperienceItem from './ExperienceItem.astro';
const EXPERIENCIE = [
{
date: "Actualmente...",
title: "Creador de Contenido",
company: "Twitch",
description:
"Divulgo sobre programación y desarrollo web en diferentes plataformas. Galardonado como mejor creador de contenido de habla no-inglesa en 2022 y mejor comunidad en 2023 por GitHub.",
link: "https://twitch.tv/midudev",
date: 'August 2022 - Now',
title: 'Web Software Engineer',
company: 'NCC Group',
description: t('ncc_experience'),
link: 'https://www.escode.com/'
},
{
date: "Septiembre 2022",
title: "Principal Frontend Engineer",
company: "Adevinta Spain",
description:
"Responsable de la plataforma, componentes y utilidades para la creación y desarrollo de aplicaciones web. Mejora de un 30% en la entrega de software. Implantación de medidas de integración continua y despliegue con A/B testing en más de 15 equipos.",
date: 'October 2021 - August 2022',
title: 'Frontend Developer',
company: 'BCNC Group',
description: t('bcnc_experience')
},
]
{
date: 'April 2020 - August 2022 ',
title: 'FullStack Web Developer',
company: 'Bluumii & Atrebo',
description: t('blumii_experience')
}
];
---

<ol class="relative mt-16">
Expand Down
3 changes: 2 additions & 1 deletion src/components/ExperienceItem.astro
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ interface Props {
}
const { title, company, description, link, date } = Astro.props
import { t } from "i18next";
---

<div
Expand All @@ -31,7 +32,7 @@ const { title, company, description, link, date } = Astro.props
{
link && (
<LinkInline href={link}>
Saber más{" "}
{t('learn_more')}{" "}
<svg
xmlns="http://www.w3.org/2000/svg"
class="w-5 icon icon-tabler icon-tabler-chevron-right"
Expand Down
12 changes: 6 additions & 6 deletions src/components/Footer.astro
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
---
const currentYear = new Date().getFullYear()
import { t } from "i18next";
---

<footer
Expand All @@ -9,19 +10,18 @@ const currentYear = new Date().getFullYear()
class="rounded-lg w-full max-w-screen-xl mx-auto md:flex md:items-center md:justify-between py-4"
>
<span class="text-sm sm:text-center text-zinc-800/90 dark:text-zinc-200/90"
{currentYear}
<a href="https://midu.dev/" class="hover:underline">midudev</a>. Casi
todos los derechos reservados
{currentYear}.
{t('template_inspiration')} <a href="https://midu.dev/" class="hover:underline">midudev</a>
</span>
<ul
class="flex flex-wrap items-center mt-3 text-sm font-medium dark:text-white/90 sm:mt-0"
>
<li>
<a href="/#sobre-mi" class="hover:underline me-4 md:me-6">Sobre mí</a>
<a href="/#sobre-mi" class="hover:underline me-4 md:me-6">{t('about_me')}</a>
</li>
<li>
<a id="contacto" href="mailto:miduga@gmail.com" class="hover:underline"
>Contacto</a
<a id="contacto" href="mailto:contactomanuelgutierrez@gmail.com" class="hover:underline"
>{t('contact')}</a
>
</li>
</ul>
Expand Down
10 changes: 6 additions & 4 deletions src/components/Header.astro
Original file line number Diff line number Diff line change
@@ -1,26 +1,28 @@
---
import ThemeToggle from "./ThemeToggle.astro"
import { t } from "i18next";
const navItems = [
{
title: "Experiencia",
title: t("experience_item"),
label: "experiencia",
url: "/#experiencia",
},
{
title: "Proyectos",
title: t("projects"),
label: "proyectos",
url: "/#proyectos",
},
{
title: "Sobre mí",
title: t("about_me"),
label: "sobre-mi",
url: "/#sobre-mi",
},
{
title: "Contacto",
label: "contacto",
url: "mailto:miduga@gmail.com",
url: "mailto:contactomanuelgutierrez@gmail.com",
},
]
---
Expand Down
Loading

0 comments on commit 4133be4

Please sign in to comment.