Professional Portfolio | Joseph Arenas

A personal portfolio website utilizing Lovable AI designed to professionally showcase my capabilities, certifications, and projects, with a strong emphasis on Artificial Intelligence systems, and software engineering.

🚀 Overview

This repository houses the source code for my static portfolio website. The foundation of the user interface was generated utilizing Lovable AI, which was then heavily customized and manually tailored—specifically adjusting the GitHub Actions deployment workflows (.yml), configuration files, and base HTML structure to fit my exact deployment needs and personal styling preferences.

The portfolio is designed to be highly responsive and features a modern, clean UI to effectively present my technical journey, including achievements like the Databricks GenAI, IBM AI Fundamentals, and Cisco Networking Academy certifications.

💻 Tech Stack

• AI Agent: Lovable
• Framework: React + Vite
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: shadcn/ui (Radix UI primitives)
• Package Manager: Bun
• Deployment: GitHub Actions (jarenas-py.github.io Pages)

📁 Repository Structure

• src/components/ui/ - Contains all the reusable shadcn/ui components (e.g., Carousels, Dialogs, Navigation Menus).
• src/assets/certs/ - Static image assets for professional certifications (Cisco, IBM, Databricks, etc.).
• src/pages/ - Core routing pages, including the main Index.tsx portfolio view.
• .github/workflows/ - Contains the custom deploy.yml configured for automated GitHub Pages deployment.
• tailwind.config.ts & vite.config.ts - Customized build and styling configurations.

🛠️ Local Development

To run this project locally, ensure you have Bun installed on your system.

1. Clone the repository

   git clone [https://github.com/Jarenas-py/jarenas-py.github.io.git](https://github.com/Jarenas-py/jarenas-py.github.io.git)
   cd jarenas-py.github.io

2. Install Dependencies

   bun install

3. Start the development server

   bun run dev

   ---

• While the current iteration utilizes React and Tailwind via Vite, I will be refactoring the entire codebase soon using Astro. The primary goal of this upcoming rewrite is to optimize performance for a static content site and to integrate Framer Motion for highly fluid, complex, and customized animations that better reflect my design tastes.