A clean, minimal developer dashboard built with Next.js 15 and TypeScript.
Brings your GitHub stats, live weather, and dev tools together β behind a secure auth system.
π Authentication β Token-based login and registration with protected dashboard routes via Next.js middleware.
π GitHub Stats β Look up any GitHub user and see their repositories, followers, and account details using the public GitHub REST API.
π€οΈ Weather Tracker β Get real-time weather conditions for any city worldwide, powered by the OpenWeatherMap API.
π οΈ Dev Tools Explorer β A categorized collection of developer tools and resources with direct links.
| Framework | Next.js 15 (App Router) |
| Language | TypeScript 5+ |
| Styling | Tailwind CSS v4 |
| Validation | Zod 4.4 |
| Icons | Lucide React |
| APIs | OpenWeatherMap Β· GitHub REST API |
1. Clone and install
git clone https://github.com/abdulrdeveloper/DevScope.git
cd DevScope
npm install2. Set up environment variables
cp .env.example .env.localNEXT_PUBLIC_WEATHER_API_KEY=your_openweathermap_keyGet a free key at openweathermap.org. The GitHub Stats feature uses the public API β no key required.
3. Run the dev server
npm run devOpen http://localhost:3000 and you're good to go.
app/
βββ login/ # Login page
βββ register/ # Registration page
βββ dashboard/
βββ github/ # GitHub stats viewer
βββ weather/ # Weather tracker
βββ tools/ # Dev tools explorer
lib/
βββ validators.ts # Zod schemas
middleware.ts # Route protection
MIT β see LICENSE