ShellSignal: A Terminal Dashboard for Developers Who Want the Signal, Not the Noise
Source: Dev.to
This is a submission for the DEV Weekend Challenge: Community
The Community
As a student developer living in a hostel in Nigeria, my bandwidth—both mental and digital—is strictly limited. Between studying for my JUPEB exams and trying to keep up with the tech industry on a mobile screen, the modern web is exhausting. Heavy JavaScript frameworks, algorithmic feeds, and click‑bait make the signal‑to‑noise ratio terrible.
I built this for junior engineers, self‑taught developers, and students who just want the signal without the noise. People who need a sanctuary that strips away the bloated web and delivers high‑value technical context in the environment where developers feel most focused and in control: the command line.
What I Built
ShellSignal is a mobile‑first, retro‑terminal dashboard engineered to filter the noise.
- Live terminal bar – Uses an LLM to generate executable Bash scripts directly from your current context. No markdown formatting, no conversational fluff—just raw, copy‑pasteable shell commands ready for deployment.
- Dev Health badge – Aggregates top tech stories and correlates them with real‑time GitHub repository health metrics. By mapping Stars against Open Issues, you instantly know whether an open‑source project is thriving, well‑maintained, or abandoned—before you ever click the link.
- AI summary dropdown – On‑demand summaries for each feed item to optimize reading time.
- Daily Brief view – Summarizes macro tech trends for the day.
Demo
🔗 Live:
Code
(Add your repository link(s) here)
🟢 ShellSignal
A zero‑noise, terminal‑aesthetic daily dashboard for software engineers.
ShellSignal is an automated newsroom that aggregates the top developer stories, evaluates their open‑source health, and uses AI to generate ultra‑concise, technical executive summaries. It runs entirely in the cloud.
Tech Stack
✨ Features
-
Daily Automated Briefs
A Vercel Cron job runs each morning to curate the day’s top technical news. -
AI Executive Summaries
Integrated with OpenRouter (using frontier models such as Grok and Llama) to distill hours of reading into three sharp, technical bullet points. -
Dev Health Metrics
Cross‑references trending repositories via the GitHub API, displaying real‑time stars, open issues, and last‑commit timestamps. -
Native Markdown Parsing
A custom React‑Markdown pipeline maps AI outputs directly to native CSS variables, delivering a seamless terminal aesthetic. -
Edge‑Optimized
Built with Next.js App Router and aggressive caching strategies for instant load times.
🏗️ System Architecture
The Cron Trigger
- Vercel fires a secured API route (
/api/cron/daily-brief) every day. - …
How I Built It
Next.js (App Router)
- A global
AppShellcomponent maintains state across routes, so the terminal bar, system HUD, and CRT‑scanline overlay persist seamlessly without re‑rendering when navigating between the Live Feed and Archives.
LLM Integration via OpenRouter
- The terminal generator is powered by Gemini 2.0 Flash.
- The core technical challenge was strict prompt engineering to force the model to return only executable Bash code, aggressively stripping markdown backticks to prevent UI breakage.
Pure CSS Architecture
- To keep full control over the retro aesthetic, heavy UI libraries were bypassed entirely.
- The matrix‑green glow, CRT scanlines, and blinking‑cursor animations are achieved with custom CSS variables and keyframes, keeping the DOM lightweight.
Data Fetching
- A custom API route aggregates real‑time stories from Hacker News.
- Parallel requests to the GitHub API calculate and attach Dev Health metrics to each story before serving the data to the client.
Built with focus, from a hostel room in Nigeria. For every developer who just wants the signal. 🖥️