Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aimarbustamante/aimarbusta.dev-portfolio-2.0

The updated version of my portfolio created with Astro, TypeScript and Tailwind CSS
https://github.com/aimarbustamante/aimarbusta.dev-portfolio-2.0

astro i18n i18n-astro portfolio portfolio-page portfolio-site portfolio-website tailwind tailwindcss translate translation typescript

Last synced: 7 days ago
JSON representation

The updated version of my portfolio created with Astro, TypeScript and Tailwind CSS

Host: GitHub
URL: https://github.com/aimarbustamante/aimarbusta.dev-portfolio-2.0
Owner: AimarBustamante
Created: 2024-06-26T19:31:01.000Z (7 months ago)
Default Branch: main
Last Pushed: 2024-07-22T03:30:24.000Z (6 months ago)
Last Synced: 2024-11-22T12:18:39.361Z (2 months ago)
Topics: astro, i18n, i18n-astro, portfolio, portfolio-page, portfolio-site, portfolio-website, tailwind, tailwindcss, translate, translation, typescript
Language: Astro
Homepage: https://aimarbusta.dev
Size: 4.32 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # 💼 My Portfolio 2.0

![mockup-browser](public/images/mockup-for-readme.png)

## 📖 Project Description

My latest personal portfolio and flagship project. A representation of my latest personal showcase, highlighting my growth and capabilities as a developer. This modern and refined version of my previous portfolio demonstrates my proficiency with contemporary web technologies and my dedication to creating visually appealing and highly functional web applications.

## 🛠️ Technologies Used

![Astro](https://img.shields.io/badge/Astro-0C1222?style=for-the-badge&logo=astro&logoColor=FDFDFE) 

![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)

![Tailwind_CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)

## 🎨 Project Features

- **Mobile First**: Designed with a mobile-first approach to ensure a seamless experience across all devices.

- **Contact Form**: A functional and interactive contact form for visitors to get in touch with me.

- **Multilingual**: The site is available in both English and Spanish, utilizing the i18n library for seamless language switching.

- **Custom Domain**: Hosted on a personalized domain for a professional web presence.

## 🌐 Hosting and Domain

![Netlify](https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge&logo=netlify&logoColor=white)

![Namecheap](https://img.shields.io/badge/Namecheap-DE3723?style=for-the-badge&logo=namecheap&logoColor=white)

- **Hosting**: The project is hosted on **Netlify**, ensuring fast and reliable performance with seamless deployment workflows.

- **Domain**: The custom domain was purchased from **Namecheap**, providing a professional and memorable web address.

## 📈 Performance Report

Below is the performance report generated using [Lighthouse](https://developers.google.com/web/tools/lighthouse):

![Lighthouse_Performance_Report](public/images/lighthouse-metrics.png)

This report evaluates the performance, accessibility, best practices, and SEO of the website, ensuring that it meets the highest standards for modern web development.

## 🖼️ Screenshots

### Desktop View

![Mockup-for-readme](public/images/mockup-for-readme.png)

![Mockup-for-readme-2](public/images/mockup-for-readme-2.png)

![Mockup-for-readme-3](public/images/mockup-for-readme-3.png)

![Mockup-for-readme-4](public/images/mockup-for-readme-4.png)

### Mobile View

![Mockup-for-readme-mobile](public/images/mockup-for-readme-mobile.png)

![Mockup-for-readme-mobile-2](public/images/mockup-for-readme-mobile-2.png)

![Mockup-for-readme-mobile-3](public/images/mockup-for-readme-mobile-3.png)

![Mockup-for-readme-mobile-4](public/images/mockup-for-readme-mobile-4.png)

## 🏗️ Project Structure

The basic structure of my Astro project is as follows:

```text

├── dist/

├── public/

│ └── favicon_io/

│ │   └── favicons

│ └── images

├── src/

│ ├── components/

│ │ └── icons/

│ │ └── AllMyComponents.astro

│ ├── data/

│ │ └── navItems.ts

│ │ └── projects.ts

│ │ └── skills.ts

│ ├── i18n/

│ │ └── en.json

│ │ └── es.json

│ │ └── index.ts

│ ├── layouts/

│ │ └── Layout.astro

│ ├── pages/

│ │ └── en/

│ │ │   └── contact.astro

│ │ │   └── index.astro

│ │ └── contact.astro

│ │ └── index.astro

├── astro.config.mjs

├── package.json

└── tailwind.config.mjs

```

## 📬 Contact Information

[![My_Portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://aimarbusta.dev/)

[![LinkedIn](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/aimarbustamante/)

[![Instagram](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)](https://www.instagram.com/aimarbusta.dev/) 

[![Email](https://img.shields.io/badge/Microsoft_Outlook-0078D4?style=for-the-badge&logo=microsoft-outlook&logoColor=white)](mailto:[email protected]) 

[![WhatsApp](https://img.shields.io/badge/WhatsApp-25D366?style=for-the-badge&logo=whatsapp&logoColor=white)](https://wa.me/65167602) 

[![Frontend_Mentor](https://img.shields.io/badge/Frontend_Mentor-3F54A3?style=for-the-badge&logo=frontendmentor&logoColor=white)](https://www.frontendmentor.io/profile/AimarBustamante) 

---

Thank you for visiting my portfolio!