A Data Science and Strategic Decision-Making portfolio built with modern software engineering practices.
This project is my professional showcase as a Data Scientist and Economist focused on transforming data into actionable insights and strategic business solutions.
The original goal was to create a platform that not only listed my work but also demonstrated my skills in modern front-end development, attention to design, and the ability to build a pleasant user experience; transforming a simple portfolio into a software project in its own right.
What started as a static HTML/JS site has evolved into a modern Single Page Application (SPA), leveraging Angular's cutting-edge features to deliver a performant, scalable, and maintainable codebase.
| Category | Technology |
|---|---|
| Core Framework | Angular v21 (Standalone Components, Signals, Control Flow) |
| Language | TypeScript 5.9 |
| Styling | TailwindCSS v3.4 (Dark Mode via class strategy) |
| Internationalization | @ngx-translate (EN / PT-BR) |
| Testing | Vitest |
| Build & Deploy | GitHub Actions + GitHub Pages |
- Optimized Performance — Lazy Loading and tree-shaking for fast load times
- Persistent Dark/Light Mode — Theme preference saved in localStorage
- Multi-language Support (i18n) — Full English and Portuguese translations
- Responsive & Mobile-First Design — Seamless experience across all devices
- Modern Angular Patterns — Signals,
@if/@forcontrol flow, andinject() - Automated CI/CD — One-push deployment to GitHub Pages
- Node.js v20+ (LTS recommended) — nodejs.org
- npm v10+ (comes with Node.js)
# Clone the repository
git clone https://github.com/alexcamargos/alexcamargos.github.io.git
# Navigate to project directory
cd alexcamargos.github.io
# Install dependencies
npm install
# Start development server
npm startOpen your browser at http://localhost:4200/ — the app will auto-reload on file changes.
npm run buildBuild artifacts are output to ./dist/alcamargos-portfolio/browser/.
src/
├── app/
│ ├── core/ # Core services, models, and singletons
│ │ ├── models/ # TypeScript interfaces and types
│ │ └── services/ # Shared services (theme, translation, etc.)
│ │
│ ├── components/ # Reusable UI components (dumb/presentational)
│ │ ├── header/ # Top navigation bar
│ │ ├── footer/ # Site footer
│ │ └── project-card/ # Project showcase cards
│ │
│ └── pages/ # Route-level components (smart/container)
│ └── home/ # Main landing page
│
├── assets/
│ └── i18n/ # Translation files (en.json, pt.json)
│
└── styles.scss # Global styles and Tailwind imports
I'm always looking to grow and connect with like-minded professionals. Feel free to reach out!
| Color | Hex |
|---|---|
| Navy |  #0a192f |
| Light Navy |  #112240 |
| Lightest Navy |  #233554 |
| Slate |  #8892b0 |
| Light Slate |  #a8b2d1 |
| Lightest Slate |  #ccd6f6 |
| White |  #e6f1ff |
| Green Accent |  #64ffda |
Copyright © 2022 - 2026 Alexsander Lopes Camargos
This project is licensed under the MIT License.
Made with ❤️ and ☕ by Alexsander Camargos