Elias Ablan

linkedin / github / mail / whatsapp

React.jsTypeScriptNext.jsBotsn8nExpress.jsCSSTailwind CSSNode.jsSanityDockerPostgreSQL

Hey there! I'm Elias Ablan, a Full Stack Developer with over 10 years of experience building scalable web applications, e-commerce sites, and ERP/CRM systems. I love creating solutions that not only work great but also feel amazing to use.

My toolkit includes technologies like React.js, Next.js, Node.js, and Python, and I'm always focused on optimizing the user experience and seamlessly integrating APIs.

Throughout my career, I've had the privilege of collaborating on multidisciplinary teams, using agile methodologies like SCRUM and Jira to ensure every project is a high-quality, sustainable success.

Want to see how I put all of this into practice? I invite you to explore my projects, connect on my social media, and read my articles on the blog!

Projects

Blog

Crypto Dashboard
ReactNext JSTypescriptShadcn UIZustand

Crypto Dashboard is a web application built to deliver a centralized and personalized crypto market experience. It lets you visualize real‑time prices, candlestick and line charts, explore historical data by intervals, analyze volume, and manage a favorites list—all within a clean, responsive interface.

Key features

  • Real‑time prices and charts (candlestick and line) via Binance WebSocket.
  • Historical data with configurable intervals (1m–1M) and display ranges (1h–1M).
  • Volume chart with per‑candle change indicators.
  • Cryptocurrency finder with configurable base currency (USDT, EUR, BTC, ETH).
  • Favorites list with quick access and live 24h change.
  • Selected asset card showing the current price.
  • Persistent preferences: base currency, theme (light/dark), and favorites.
  • Responsive UI optimized for mobile.
  • Global dashboard state with expanded chart view and chart type selection.

Technologies used

  • Next.js (App Router)
  • React
  • TypeScript
  • Tailwind CSS 4 and shadcn/ui (Radix UI) for a modern, accessible UI
  • Recharts for interactive visualizations
  • Zustand for global state management
  • next-themes for light/dark/system theming
  • nuqs for URL parameter sync (e.g., symbol)
  • Supporting libraries: lucide-react, cmdk, vaul, sonner, usehooks-ts
Open applicationSee code

Elias Ablan

linkedin / github / mail / whatsapp

React.jsTypeScriptNext.jsBotsn8nExpress.jsCSSTailwind CSSNode.jsSanityDockerPostgreSQL

Hey there! I'm Elias Ablan, a Full Stack Developer with over 10 years of experience building scalable web applications, e-commerce sites, and ERP/CRM systems. I love creating solutions that not only work great but also feel amazing to use.

My toolkit includes technologies like React.js, Next.js, Node.js, and Python, and I'm always focused on optimizing the user experience and seamlessly integrating APIs.

Throughout my career, I've had the privilege of collaborating on multidisciplinary teams, using agile methodologies like SCRUM and Jira to ensure every project is a high-quality, sustainable success.

Want to see how I put all of this into practice? I invite you to explore my projects, connect on my social media, and read my articles on the blog!

Projects

Blog

Crypto Dashboard
ReactNext JSTypescriptShadcn UIZustand

Crypto Dashboard is a web application built to deliver a centralized and personalized crypto market experience. It lets you visualize real‑time prices, candlestick and line charts, explore historical data by intervals, analyze volume, and manage a favorites list—all within a clean, responsive interface.

Key features

  • Real‑time prices and charts (candlestick and line) via Binance WebSocket.
  • Historical data with configurable intervals (1m–1M) and display ranges (1h–1M).
  • Volume chart with per‑candle change indicators.
  • Cryptocurrency finder with configurable base currency (USDT, EUR, BTC, ETH).
  • Favorites list with quick access and live 24h change.
  • Selected asset card showing the current price.
  • Persistent preferences: base currency, theme (light/dark), and favorites.
  • Responsive UI optimized for mobile.
  • Global dashboard state with expanded chart view and chart type selection.

Technologies used

  • Next.js (App Router)
  • React
  • TypeScript
  • Tailwind CSS 4 and shadcn/ui (Radix UI) for a modern, accessible UI
  • Recharts for interactive visualizations
  • Zustand for global state management
  • next-themes for light/dark/system theming
  • nuqs for URL parameter sync (e.g., symbol)
  • Supporting libraries: lucide-react, cmdk, vaul, sonner, usehooks-ts
Open applicationSee code