Fernando Tona - Professional Profile

A career website serving as a centralized platform for my resume, professional background, contact information, and software development projects.

Live Site: fernandotonacoder.github.io

---

Features

• 🌍 Multi-language support (English, Spanish, French, Portuguese)
• Modern, responsive design with glassmorphism effects
• Lightweight vanilla JavaScript - no frameworks
• Fast static site hosted on GitHub Pages
• Well-tested with Jest
• SEO optimized with dynamic meta tags

Tech Stack

Frontend: HTML5 • CSS3 • Vanilla JavaScript • Bootstrap 5
Development: Jest • ESLint • Prettier
CI/CD: GitHub Actions
Deployment: GitHub Pages

Development Commands

npm install           # Dependencies for Jest, ESLint and Prettier
npm test              # Run tests with Jest
npm run lint          # Check code quality with ESLint
npm run lint:fix      # Auto-fix issues with ESLint
npm run format        # Format code with Prettier
npm run format:check  # Check formatting with Prettier

Project Structure

src/
├── index.html           # Main page
├── css/style.css        # Styles
├── js/
│   ├── translations.js  # Multi-language system
│   ├── custom-select.js # Language selector
│   └── *.test.js        # Unit tests
└── locales/             # Translation files (en, es, fr, pt)

CI/CD Pipeline

• On PR: Runs tests, linting, and format checks
• On Merge: Deploys to GitHub Pages automatically
• Quality Assurance All checks must pass before merging
• Branch Protection: main branch protected. Use feature branch and PR.

Author

Fernando Tona
Website • LinkedIn • GitHub • [email protected]

Documentation

• Architecture Guide - How the system works and technical decisions
• Contributing Guide - Development workflow and setup

---

⭐ Star this repo if you find it useful!

Made with ❤️ by Fernando Tona