https://github.com/alexcamargos/alexcamargos.github.io
Um portfólio interativo e responsivo construído para demonstrar visualmente minhas competências em transformar dados em insights e soluções de negócio.
https://github.com/alexcamargos/alexcamargos.github.io
flex-layout grid-layouts html-css-javascript portfolio-website responsive-design
Last synced: 3 months ago
JSON representation
Um portfólio interativo e responsivo construído para demonstrar visualmente minhas competências em transformar dados em insights e soluções de negócio.
- Host: GitHub
- URL: https://github.com/alexcamargos/alexcamargos.github.io
- Owner: alexcamargos
- Created: 2021-05-03T23:20:21.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2026-02-24T18:08:53.000Z (4 months ago)
- Last Synced: 2026-02-24T19:06:18.998Z (4 months ago)
- Topics: flex-layout, grid-layouts, html-css-javascript, portfolio-website, responsive-design
- Language: HTML
- Homepage: http://alcamargos.com/
- Size: 17.6 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Alexandre Camargos | Portfolio V1
*A Data Science and Strategic Decision-Making portfolio built with modern software engineering practices.*
[](https://angular.dev/)
[](https://www.typescriptlang.org/)
[](https://tailwindcss.com/)
[](https://github.com/alexcamargos/alexcamargos.github.io/actions)
[](LICENSE)
---
## About
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.
[](https://alcamargos.com)
## Tech Stack
| 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 |
## Key Features
- **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`/`@for` control flow, and `inject()`
- **Automated CI/CD** — One-push deployment to GitHub Pages
## Running Locally
### Prerequisites
- **Node.js** v20+ (LTS recommended) — [nodejs.org](https://nodejs.org/)
- **npm** v10+ (comes with Node.js)
### Quick Start
```bash
# 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 start
```
Open your browser at `http://localhost:4200/` — the app will auto-reload on file changes.
### Build for Production
```bash
npm run build
```
Build artifacts are output to `./dist/alcamargos-portfolio/browser/`.
## Project Structure
```
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
```
## Contact
I'm always looking to grow and connect with like-minded professionals. Feel free to reach out!
[](mailto:alexcamargos@gmail.com)
[](https://www.linkedin.com/in/alexcamargos/)
[](https://github.com/alexcamargos)
## Color Reference
| Color | Hex |
|----------------|:------------------------------------------------------------------:|
| Navy |  `#0a192f` |
| Light Navy |  `#112240` |
| Lightest Navy |  `#233554` |
| Slate |  `#8892b0` |
| Light Slate |  `#a8b2d1` |
| Lightest Slate |  `#ccd6f6` |
| White |  `#e6f1ff` |
| Green Accent |  `#64ffda` |
## License
Copyright © 2022 - 2026 **Alexsander Lopes Camargos**
This project is licensed under the [MIT License](LICENSE).
---
Made with ❤️ and ☕ by Alexsander Camargos