Johann Valenteros - Digital Portfolio

A hyperminimalist portfolio website showcasing my skills, projects, and background in cybersecurity and software development.

✨ Features

• Terminal-Inspired Design: Clean, minimalist interface with terminal-like aesthetics
• Responsive Layout: Optimized for all devices from mobile to desktop
• Interactive UI: Subtle animations and transitions enhance user experience
• Project Showcase: Detailed project cards with expandable information
• Skills Section: Visual representation of technical and soft skills
• Academic Transcripts: Academic background and coursework details
• Contact Information: Multiple ways to connect professionally

🛠️ Technologies

• Frontend:
  • HTML5 for structure
  • CSS3 for styling (with custom properties and animations)
  • Vanilla JavaScript for interactivity
• Design:
  • Custom CSS animations
  • Responsive grid layouts
  • Modern typography with Google Fonts

🔧 Project Structure

jvalenteros.github.io/
├── index.html              # Main HTML file
├── css/                    # CSS stylesheets
│   ├── style.css           # Main stylesheet
│   ├── contact-modern.css  # Contact section styles
│   ├── project-details.css # Project details styles
│   ├── skills-updated.min.css # Skills section styles
│   └── transcripts.css     # Academic transcript styles
├── js/                     # JavaScript files
│   └── project-details.js  # Project details functionality
└── images/                 # Image assets
    └── optimized/          # Optimized images

🚀 Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, Edge)

Installation

1. Clone the repository:

   git clone https://github.com/jvalenteros/jvalenteros.github.io

2. Navigate to the project directory:

   cd jvalenteros.github.io

3. Open index.html in your browser:

   # On Windows
   start index.html
   
   # On macOS
   open index.html
   
   # On Linux
   xdg-open index.html

🔮 Future Enhancements

• Dark/light theme toggle with persistent preferences
• Interactive terminal command simulation
• Portfolio filtering options
• Blog section for personal articles
• Integration with GitHub API for real-time stats

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🔗 Connect