Skip to content

GeorgeLimaDev/professional-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

George Lima - Professional Portfolio

A modern, multilingual portfolio website showcasing my experience as a Localization Engineer and Full-Stack Web Developer. Built with cutting-edge web technologies and designed for performance, accessibility, and international reach.

🌍 Production link: Click here

image

🎯 About This Project

This portfolio serves as a professional showcase of my skills, experience, and expertise in software localization and web development. The website demonstrates practical implementation of internationalization best practices, featuring seamless language switching, culturally adapted UI, and a modern, accessible design.

Why This Project Stands Out

As a Localization Engineer, I've designed this portfolio to exemplify professional i18n/l10n implementation:

  • Custom i18n Architecture - Built from the ground up without heavy frameworks
  • 4 Language Support - English, Portuguese, Spanish, and French with instant switching
  • Culturally Adapted Content - Not just translated, but localized for each audience
  • SEO Optimized - Multilingual metadata and proper lang attributes
  • Scalable Structure - Easy to add new languages through JSON files

✨ Key Features

🌐 Internationalization & Localization ⭐

Custom-built i18n system designed for scalability and maintainability:

  • JSON-based translations with concatenated keys ("section.subsection.key")
  • Context-aware language switching with persistent state management
  • Dynamic content rendering for all UI elements
  • ICU Message Format ready for complex pluralization and formatting
  • Separation of concerns - Translations isolated in dedicated locale files

This implementation showcases best practices from my professional experience working with React-intl and managing 20+ languages on enterprise platforms.

🎨 Design & User Experience

  • Dark/Light Mode - Automatic theme detection with manual toggle
  • Smooth Animations - Subtle, performant transitions using Framer Motion
  • Responsive Design - Mobile-first approach, optimized for all screen sizes
  • Accessible - WCAG 2.1 compliant, keyboard navigation, ARIA labels

πŸ“¬ Functional Contact System

  • Direct Email Integration - No third-party forms, emails sent via Resend API
  • Form Validation - Client and server-side validation
  • Beautiful Email Templates - Professional HTML emails with branding
  • Reply-to Configuration - Easy response workflow

πŸ“„ Additional Features

  • Resume Download - One-click PDF download with metadata
  • Professional Timeline - Work experience and education showcase
  • Skills Matrix - Technical skills, languages, and soft skills
  • Social Integration - Direct links to GitHub and LinkedIn

πŸ›  Technology Stack

Framework & Core

Styling & UI

Internationalization ⭐

Custom i18n Implementation

Built specifically for this project to demonstrate l10n expertise:

  • Architecture: Context API + JSON locale files
  • Format: Concatenated keys for flat structure (hero.title, nav.about)
  • Runtime: Dynamic object reconstruction from flat keys
  • Scalability: Easy to add languages without code changes
  • Performance: Static JSON imports, no runtime fetching

This approach combines the flexibility of custom solutions with the maintainability of structured translation files, perfect for professional localization workflows.

Additional Libraries


πŸ“‹ Project Sections

  1. Hero Section - Dynamic title rotation with split-flap animation effect
  2. About Me - Professional summary highlighting l10n and dev experience
  3. Skills & Tech Stack - Technical skills, spoken languages, and tools
  4. Resume Download - PDF resume with file metadata
  5. Education & Experience - Professional timeline with detailed descriptions
  6. Contact Form - Functional email contact with validation
  7. Footer - Social media links and attribution

πŸš€ Quick Start

# Clone the repository
git clone https://github.com/GeorgeLimaDev/georgelimadev.git

# Navigate to directory
cd georgelimadev

# Install dependencies
npm install

# Set up environment (requires Resend API key)
echo "RESEND_API_KEY=your_key_here" > .env.local

# Start development server
npm run dev

Visit http://localhost:3000 to see the portfolio.

Note: For detailed setup, deployment, and customization instructions, see Development Guide.


🌍 Internationalization Details

Supported Languages

Language Code Status Completeness
πŸ‡¬πŸ‡§ English en Production 100%
πŸ‡§πŸ‡· Portuguese pt Production 100%
πŸ‡ͺπŸ‡Έ Spanish es Production 100%
πŸ‡«πŸ‡· French fr Production 100%

Translation Structure

Translation files are located in lib/locales/ and follow a concatenated key format:

{
  "nav.about": "About",
  "hero.greeting": "Hi, I'm",
  "hero.title": "Full-Stack Web Developer",
  "skills.techStack.0.name": "React"
}

This structure is:

  • Scalable - Easy to add new languages
  • Maintainable - Clear key naming conventions
  • Version-controllable - Simple JSON diffs
  • CAT tool compatible - Works with translation management systems

🎯 Performance & Best Practices

  • βœ… SEO Optimized - Meta tags, semantic HTML, proper lang attributes
  • βœ… Accessible - WCAG 2.1 AA compliant, keyboard navigation
  • βœ… Performance - Optimized images, code splitting, lazy loading
  • βœ… Responsive - Mobile-first, tested on all device sizes
  • βœ… Type Safety - Full TypeScript coverage
  • βœ… Security - Environment variables, input sanitization

πŸ“‚ Project Structure

georgelimadev/
β”œβ”€β”€ app/                    # Next.js App Router
β”‚   β”œβ”€β”€ api/contact/       # Email API endpoint
β”‚   β”œβ”€β”€ layout.tsx         # Root layout
β”‚   └── page.tsx           # Home page
β”œβ”€β”€ components/            # React components
β”œβ”€β”€ context/               # React Context (language state)
β”œβ”€β”€ hooks/                 # Custom hooks
β”œβ”€β”€ lib/
β”‚   β”œβ”€β”€ locales/          # Translation files (en, pt, es, fr)
β”‚   └── translations.ts    # i18n logic
β”œβ”€β”€ public/
β”‚   β”œβ”€β”€ docs/             # Resume PDF
β”‚   └── images/           # Assets
└── docs/                 # Development documentation

πŸ‘€ About the Author

George Barbosa de Lima
Localization Engineer | Full-Stack Web Developer

With 3 years of experience working at the intersection of React development and internationalization, I specialize in building scalable, culturally adapted user interfaces for global audiences. My background combines technical expertise in web development with deep knowledge of localization workflows and cross-cultural communication.

Professional Highlights

  • 🌐 Maintained i18n architectures for 20+ languages on enterprise SaaS platforms
  • πŸ€– Developed Python/Zapier automations for translation workflows
  • πŸŽ“ Dual background: Systems Development + International Negotiations
  • πŸ’Ό Current: Localization Engineer at VTEX

Connect With Me


πŸ“„ License

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

πŸ™ Acknowledgments

Special thanks to the open-source community and the tools that made this project possible:


Made by George Lima with Cursor.AI | Β© 2026 All rights reserved.

For development instructions, deployment guides, and customization details, see Development Guide.

About

My professional page.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors