👨‍💻 Hermino Freitas - Frontend Developer Portfolio

---

✨ Overview

This is my personal portfolio website, built to showcase my experience, skills, and projects as a Frontend Developer with 5+ years of experience. The site features a clean, modern design with dark mode support and smooth animations.

🎯 Key Features

• 🎨 Modern Design - Clean, professional interface with attention to detail
• 🌓 Dark Mode - Seamless theme switching with user preference persistence
• 📱 Fully Responsive - Optimized for all devices and screen sizes
• ♿ Accessible - WCAG compliant with semantic HTML and ARIA labels
• ⚡ Performance - Optimized assets, lazy loading, and fast page loads
• 🔍 SEO Optimized - Comprehensive meta tags, structured data, and sitemap

---

🛠️ Technologies Used

Frontend

Design & Fonts

• JetBrains Mono - Distinctive monospace font for a developer-focused aesthetic
• Custom CSS - Hand-crafted design tokens and animations
• Material Design Principles - Inspired by modern UI/UX best practices

Tools & Optimization

• Minified Assets - CSS and JS files optimized for production
• SVG Icons - Scalable, crisp icons with sprite sheet optimization
• Structured Data (JSON-LD) - Enhanced search engine visibility

---

📂 Project Structure

hermino.github.io/
├── assets/
│   ├── icons/          # SVG icons and sprite sheets
│   ├── images/         # Images and favicons
│   ├── scripts/        # JavaScript files (theme, animations)
│   └── styles/         # CSS files (design tokens, main styles)
├── resources/
│   └── curriculo.pdf   # Downloadable CV
├── index.html          # Main portfolio page
├── robots.txt          # Search engine crawling instructions
├── sitemap.xml         # Site structure for SEO
└── README.md           # This file

---

🚀 Getting Started

Prerequisites

No build process required! This is a static website that runs directly in the browser.

Local Development

1. Clone the repository

   git clone https://github.com/hermino/hermino.github.io.git
   cd hermino.github.io
   

2. Open in browser

   # Using Python 3
   python -m http.server 8000
   
   # Or using Node.js
   npx serve
   

3. View the site Navigate to http://localhost:8000 in your browser

---

🎨 Customization

Theme Colors

Edit assets/styles/design-tokens.min.css to customize the color scheme and design tokens.

Content

All content is in index.html. Update sections:

• Header - Name and introduction
• About - Professional summary and timeline
• Projects - Portfolio projects with technologies
• Experience - Work history and achievements
• Skills - Technical and soft skills
• Contact - Social links and email

Icons

Icons are managed via SVG sprite sheet in assets/icons/icons.svg. Add new icons to this file and reference them using:

<use href="assets/icons/icons.svg#icon-name"></use>

---

📊 Performance

• ✅ Lighthouse Score: 95+ across all metrics
• ✅ Mobile Optimized: Responsive design for all devices
• ✅ Fast Load Time: Optimized assets with preloading
• ✅ Accessibility: WCAG AA compliant

---

🌟 Highlights

About Me

Frontend Developer with 5+ years of experience building modern, responsive web applications. Specialized in:

• React.js & TypeScript
• Angular & Material Design
• UI/UX Design Principles
• Accessible & Performant Interfaces

Featured Projects

1. Automatic Fruit Identification - AI-powered Angular app for supermarket scales
2. Performance Evaluation System - HR management platform with complex workflows
3. Service Order Management - Real-time tracking system for manufacturing
4. RBA Compliance System - Multi-step assessment platform
5. License Plate Recognition - Security and access control dashboard

Professional Experience

• Developer II @ INDT (2022 - Present)

  • Lead frontend developer on Motorola collaboration
  • Built React/TypeScript applications with modern UI/UX

• Junior Systems Analyst @ ITN (2020 - 2022)

  • Led frontend on 6 Angular projects
  • Specialized in computer vision interfaces

---

📬 Contact

• Email: herminojunior@gmail.com
• LinkedIn: linkedin.com/in/hermino
• GitHub: github.com/hermino
• Portfolio: hermino.github.io

---

📄 License

This project is open source and available under the MIT License.

---

🙏 Acknowledgments

• Design Inspiration: Modern portfolio trends and Material Design
• Icons: Custom SVG icons optimized for web
• Font: JetBrains Mono for that developer aesthetic

---