🔭 DevScope

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.

🌐 Live Demo

---

Features

🔐 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.

---

Tech Stack

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

---

Getting Started

1. Clone and install

git clone https://github.com/abdulrdeveloper/DevScope.git
cd DevScope
npm install

2. Set up environment variables

cp .env.example .env.local

NEXT_PUBLIC_WEATHER_API_KEY=your_openweathermap_key

Get a free key at openweathermap.org. The GitHub Stats feature uses the public API — no key required.

3. Run the dev server

npm run dev

Open http://localhost:3000 and you're good to go.

---

Project Structure

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

---

License

MIT — see LICENSE

---

Built by Abdul Rahman  ·  GitHub  ·  Hashnode