ReactVerse is an open-source API dashboard built with React + Vite, designed to help developers explore, visualize, and learn how to integrate public APIs safely and responsibly. It’s more than just a project — it’s a community-driven learning space for understanding how APIs work, managing data securely, and contributing meaningfully to open source.
Perfect for beginners, and API enthusiasts who want to get hands-on experience using real-world APIs.
A collection of interactive dashboards that fetch and display data from free, no-auth public APIs — all in one unified, open-source interface.
| Dashboard | API Used | Description |
|---|---|---|
| ☀️ Weather | wttr.in | Get real-time weather updates and forecasts |
| 💰 Cryptocurrency | CoinGecko | Track live crypto prices and market data |
| 🛰️ Space & Astronomy | Open Notify | View ISS location and current astronauts in orbit |
| 🎬 Movies | Studio Ghibli API | Explore Studio Ghibli’s magical movie catalog |
| 🍳 Recipes | TheMealDB | Find meal ideas and cooking inspiration |
| 🎯 Trivia Quiz | Open Trivia DB | Challenge yourself with fun trivia questions |
| 😂 Jokes & Quotes | Joke API + Quotable | Daily dose of humor and motivation |
| 🐶🐱 Pets | Dog CEO + Cataas | Random cute dog and cat images |
| 🦠 COVID-19 Tracker | COVID19 API | Track pandemic stats and trends globally |
- 🧩 Learn by doing — See how public APIs work and how to safely handle data fetching.
- 🔐 Promote API safety — No API keys, no secrets, just best practices for secure integration.
- 🌍 Open to everyone — Ideal for contributors learning React, APIs, or GitHub workflows.
- 💬 Collaborative & inclusive — A space where you can build, break, and improve together.
npm install
npm run devThen open http://localhost:5173 in your browser.
- ⚛️ React 18 + Vite
- 🧭 React Router v6
- 🌐 Fetch API (no external client)
- 🎨 Custom Light/Dark CSS Theme
We welcome contributions of all levels — from design tweaks to feature enhancements!
- Check out
CONTRIBUTING.mdfor setup instructions and issue labels. - Look for
good first issueorhelp wantedtags to get started. - Participate in Hacktoberfest and grow your open-source journey with us.
- ✨ Improve UI/UX and accessibility
- 🔍 Add search, filters, and persistent favorites
- 📊 Integrate charts (e.g. weather graphs, price trends)
- 🧱 Introduce a real charting library (e.g. Recharts or Chart.js)
- ⚙️ Add offline caching with service workers
- 🧪 Include testing (Vitest + React Testing Library)
- 🧾 Optional: Migrate to TypeScript for type safety
MIT – see LICENSE for full details.
This project is community-built for educational and open-source learning purposes.