Portfolio — Personal Website

Personal portfolio application built with React + TypeScript.
It presents projects, skills, certifications, contact information, and professional experience with bilingual support (pt and en).

Live Demo

• Visit My Portfolio

Prerequisites

• Node.js 20+
• npm 10+

Local Setup

1. Install dependencies:

   npm install

2. Run development server:

   npm run dev

3. Open Vite local URL (default http://localhost:5173).

Build & Test Commands

# Build (TypeScript + Vite)
npm run build

# Lint
npm run lint

# Preview production build
npm run preview

Technology Stack

• Framework: React 18
• Language: TypeScript
• Build Tool: Vite
• Styling: TailwindCSS
• Routing: React Router
• Localization: i18next + react-i18next
• Animation: Motion
• Deployment: Vercel

Repository Structure

Path	Purpose
src/components/	Page sections and reusable UI blocks
src/models/	Typed content models (Project, SkillSet, ExperienceItem, etc.)
src/locales/	Translation dictionaries (en and pt)
src/assets/	Images for profile, projects, and certifications
src/constants/	Shared constants and static labels
public/	Public static assets

Content Update Guide

• Edit text content in src/locales/en/translation.json and src/locales/pt/translation.json.
• Keep translation keys synchronized across both locale files.
• Update images in src/assets/ and keep component references consistent.
• Update model-driven content in src/models/ when adding projects, skills, or certifications.

Contribution Notes

• Keep changes aligned with current folder organization.
• Prefer small, focused pull requests.
• Validate with npm run lint and npm run build before opening a PR.