Trading CV- A different and interactive way to share your skills.
Published: (January 30, 2026 at 12:04 PM EST)
2 min read
Source: Dev.to
Source: Dev.to
Overview
This submission was created for the New Year, New You Portfolio Challenge presented by Google AI. It showcases a portfolio that uses the visual language of stock‑market dashboards (Bloomberg Terminal, TradingView) to present professional experience. Instead of a static PDF, users interact with “assets” (skills), view “market performance” (career growth), and read “analyst reports” (case studies).
Key Design Principles
- Google Stack: Antigravity and AI Studio
- Theme: Dark mode with cyber‑punk/financial aesthetics
- Interaction: Real‑time feedback, pulsing indicators, glassmorphism
- Data‑Driven: Every UI element represents a datapoint from over 9 years of experience
Tech Stack
| Category | Technology |
|---|---|
| Core Framework | React with TypeScript (Vite) |
| Styling | Tailwind CSS (utility‑first) |
| Animations | Framer Motion (fluid transitions, modal effects) |
| Data Visualization | Recharts (career performance chart) |
| Icons | Lucide React (lightweight iconography) |
Application Structure
Visual Modules
- Switchable Area Chart & Candlestick Chart – visualizes career timeline vs. “Market Value” (role seniority/impact).
- Order‑book‑style List – displays “Dividend” markers representing major industries entered.
- Scrolling News Ticker / Social Feed – highlights recent achievements and updates.
- Card Grid with Hover Effects – opens detailed “Reports” (case studies) in an embedded modal view.
Data Modules
- Hover Tooltips – show stack usage per role and company logos (via Clearbit API).
- Skill Ranking – ranks skills by “Volume” (years of experience) and “Depth” (competency level).
- Assets – SQL, Python, Power BI, RPA, etc.
Content Modules
- Chronological History – roles, companies, and high‑impact bullets (e.g., “+20 % Efficiency”).
- Education, Certifications, Contact Links – concise professional background.
- Footer – quick access to GitHub, LinkedIn, and email.
Interactive Features
- Trading‑Interface Feel: The experience is presented as a trading dashboard, translating professional milestones into market‑style information.
- Embedded Power BI Reports: Clickable gallery images open interactive Power BI/Fabric dashboards directly within the app.
- Subtle Animations: Framer Motion provides smooth, attention‑catching animations throughout the interface.