Skip to content

README.md

Latest commit

 

History

History
101 lines (71 loc) · 2.81 KB

README.md

File metadata and controls

101 lines (71 loc) · 2.81 KB

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

Next.js TypeScript Tailwind CSS Zod MIT License

🌐 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