Welcome to Jhonny Diaz Portfolio Documentation
This is the technical documentation for a modern portfolio website built with Angular 20, featuring server-side rendering, dark mode support, and a responsive design powered by Tailwind CSS v4.Quick Start
Get the portfolio up and running locally in minutes
Component Architecture
Explore the standalone component structure
Tailwind Setup
Learn about the Tailwind CSS v4 configuration
Deployment Guide
Deploy with server-side rendering support
Key Features
Responsive Design
Mobile-first approach with seamless adaptation across all screen sizes
Dark Mode Support
Full dark mode theming with CSS class-based toggle
Server-Side Rendering
Built with Angular Universal for improved performance and SEO
Standalone Components
Modern Angular 20 architecture without NgModules
Tailwind CSS v4
Latest Tailwind with modern PostCSS configuration
Interactive Projects
Showcase section with live demos and GitHub links
Technology Stack
The portfolio is built with modern web technologies:- Angular 20.3: Latest Angular with standalone components
- TypeScript 5.9: Type-safe development
- Tailwind CSS 4.1: Utility-first CSS framework
- Angular SSR: Server-side rendering with Express
- RxJS 7.8: Reactive programming library
Project Highlights
This portfolio showcases:- Sistema de Gestión de Inventario: Full-stack inventory management system with Angular, Node.js, Spring Boot, PostgreSQL, and Docker
- Space Shooter: HTML5 Canvas arcade game with JavaScript (ES6) and Vite
Developer Background
Jhonny Diaz Centeno is a web developer with practical experience in:- Frontend: Angular, TypeScript, JavaScript, HTML5, CSS, Tailwind CSS
- Backend: Spring Boot, Node.js, Java
- Databases: PostgreSQL, MySQL
- DevOps: Docker, AWS EC2, Git
- Tools: Vercel deployment, SonarCloud, REST APIs
This documentation covers the technical implementation of the portfolio website. For live demos of the projects, visit the deployed portfolio site.