| Category | Tools & Technologies |
|---|---|
| Web Engineering & Auth |      |
| Data Science & ML |     |
| Languages & Viz |     |
| Infrastructure & OS |    |
Comfortable navigating CLI, tweaking systems, versioning code, and configuring environments.
Below is a breakdown of how my tech stack interacts, mapped via an architecture workflow:
graph TD
A[Linux OS & Git] --> B[Data Pipelines]
A --> C[Backend APIs]
K[Kaggle Datasets] --> B
L[Data Scrape] --> B
subgraph ML [ML & Data Engineering]
B --> D[Google Colab]
D --> E[PyTorch & Hugging Face]
E --> F[Matplotlib Charts]
E --> M[Model Weight]
end
subgraph WEB [Web Engineering]
C --> G[GoFiber / Laravel]
G --> H[MySQL DB]
G --> I[TailwindCSS Frontends]
J[OAuth 2.0 Provider] --> G
end
%% Subgraph Styling
style ML fill:#f0f7f4,stroke:#333,stroke-width:1px,color:#1b4332
style WEB fill:#f0f4f8,stroke:#333,stroke-width:1px,color:#1a365d
%% Core Nodes
style A fill:#2d3748,stroke:#FCC624,stroke-width:2px,color:#fff
style B fill:#4a5568,stroke:#cbd5e0,stroke-width:1px,color:#fff
style C fill:#4a5568,stroke:#cbd5e0,stroke-width:1px,color:#fff
style L fill:#718096,stroke:#cbd5e0,stroke-width:1px,color:#fff
%% ML & Data Engineering Stack
style K fill:#20BEFF,stroke:#008bb9,stroke-width:2px,color:#000
style D fill:#F9AB00,stroke:#e09a00,stroke-width:2px,color:#000
style E fill:#FF6F20,stroke:#d4520e,stroke-width:2px,color:#fff
style F fill:#3182ce,stroke:#2b6cb0,stroke-width:1px,color:#fff
style M fill:#10b981,stroke:#059669,stroke-width:1px,color:#fff
%% Web Engineering Stack
style G fill:#E11D48,stroke:#be123c,stroke-width:2px,color:#fff
style H fill:#00758F,stroke:#005e73,stroke-width:2px,color:#fff
style I fill:#06B6D4,stroke:#0891b2,stroke-width:1px,color:#fff
style J fill:#EB5424,stroke:#c84218,stroke-width:2px,color:#fff
linkStyle default stroke:#94A3B8,stroke-width:2px