Developer Portfolio

A modern, console-themed portfolio website built with React and TypeScript. Features an interactive design with animated components and detailed project showcases.

Overview

This portfolio website combines a retro console aesthetic with modern web technologies to create an engaging showcase of projects and skills. The design emphasizes readability and usability while maintaining a distinctive tech-oriented theme.

Features

Interactive Design

• Console-inspired color scheme with green-on-black theme
• Responsive layout adapting to all screen sizes
• Smooth animations and transitions
• Interactive project cards with hover effects

Project Showcase

• Detailed project pages with comprehensive overviews
• Technical stack breakdowns
• Feature highlights and implementation details
• GitHub integration with source code links

Technical Implementation

• React with TypeScript for type safety
• React Router for seamless navigation
• Modular component architecture
• Responsive CSS with modern features

Tech Stack

• React
• TypeScript
• React Router Dom
• Lucide React Icons
• CSS3 with modern features

Component Structure

• Modular project components
• Reusable interface definitions
• Consistent styling patterns
• Type-safe data management

Getting Started

Prerequisites

• Node.js
• npm

Installation

# Clone repository
git clone https://github.com/GabrielPerezCSDev/Portfolio.git

# Install dependencies
npm install

# Run development server
npm start

Deployment

The portfolio is configured for deployment on GitHub Pages with automated CI/CD pipeline.