Skip to content

jabelzzz/jabel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🗂️ Professional Portfolio - Jabel Álvarez

My personal portfolio as a SysAdmin and Backend Developer. Built with Flask and a minimalist design, it showcases my experience, projects, and technical skills.

🚀 Technologies Used

🐍 Backend

  • Python 3.13+
  • Flask: Web framework
  • Jinja2: Template engine
  • PyYAML: Structured data handling

🎨 Frontend

  • HTML5 & CSS3
  • JavaScript: Vanilla JS for interactivity
  • Bootstrap 5: CSS framework
  • Ion Icons: Social and UI icons

⚙️ DevOps & Deployment

  • Railway: Hosting platform
  • Git & GitHub: Version control

📂 Project Structure

.
├── app/                  # Flask application
│   ├── __init__.py      # App configuration
│   ├── models.py        # Data models
│   └── routes.py        # Routes and views
├── data/                # YAML data
│   ├── projects.yaml    # Projects information
│   └── skills.yaml      # Skills and technologies
├── static/              # Static files
│   ├── css/            # Styles
│   ├── images/         # Images and icons
│   └── js/             # JavaScript
├── templates/           # Jinja2 templates
│   ├── base.html       # Base template
│   └── index.html      # Main page
├── requirements.txt     # Dependencies
└── run.py              # Entry point

🌟 Key Features

💼 Professional Presentation

  • 🎯 Minimalist and professional design
  • 📱 100% responsive
  • 🌓 Dark theme with gold accents
  • ⚡ Smooth animations and transitions

🔧 Skills System

  • 📊 Organized by categories:
    • Backend Development
    • Frontend Development
    • DevOps & Cloud
    • Databases
    • CI/CD & Tools
  • 🎨 SVG icons for each technology
  • 📈 Experience levels

💻 Projects

  • 🖼️ Preview images
  • 🛠️ Technologies used
  • 📝 Detailed descriptions

🌐 Internationalization

  • 🔍 Automatic language detection
  • 🔄 Language switching without reload
  • 📚 Support for ES/EN

🎨 Theme and Customization

Main CSS variables (main.css):

:root {
  --color-bg: #0b0b0c;            /* Main background */
  --color-text: #ffffff;          /* Primary text */
  --color-text-secondary: #8b8b8b; /* Secondary text */
  --color-accent: #ffd700;        /* Accent color */
}

📄 License

This project is under the MIT License. See the LICENSE file for more details.

About

Personal Portfolio

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors