🚀 DevApiHub
DevApiHub is a developer-focused public API platform that provides a curated collection of free and public API endpoints for learning, testing, and building real-world projects.
This project is designed to help beginners, students, and frontend developers quickly access APIs without the need to build backend systems from scratch.
🌐 Live Preview
🔗 Main Website
https://www.devapihub.xyz/
📸 UI Preview
💡 About the Project
APIs play a crucial role in modern web development. However, many learners struggle to find reliable, beginner-friendly, and well-documented public APIs for practice.
DevApiHub was built to solve this problem by offering:
- Ready-to-use APIs
- Clean documentation
- A developer-friendly experience
All in one place.
🧠 Key Features
- 📦 100+ Public API Endpoints
- 🏷️ Category-based API organization
- 🔍 Clean and easy-to-read API documentation
- ⭐ One-click API endpoint copy feature
- 🔐 Free & Premium access concept
- 📊 Daily API usage limit system (concept-based)
- 🎯 Minimal, clean, and developer-friendly UI
🛠️ Tech Stack
Frontend (Public Repository)
- Next.js (App Router)
- React.js
- Tailwind CSS
- Framer Motion
Backend (Private Repository)
- Next.js Server Actions
- MongoDB
- Mongoose
- Authentication system
- Subscription & API usage limit logic
🔒 Source Code & Security Notice
⚠️ For security, scalability, and business reasons, the following parts are not included in this public repository:
- Backend business logic
- Database models
- Server actions
- Authentication & subscription handling
👉 The complete backend source code is maintained in a private repository and can be shared upon request for technical or HR evaluation purposes.
This approach follows real-world production and security best practices.
📂 Project Structure (Public)
src/
├── app/ # App router pages & layouts
├── components/ # Reusable UI components
├── data/ # Static values & configs
├── styles/ # Global & custom styles
└── utils/ # Helper functions
🎯 Project Goals
DevApiHub was built to:
- Help beginners learn API consumption
- Support frontend developers with ready APIs
- Demonstrate real-world full-stack architecture
- Showcase SaaS-style feature planning
- Follow secure backend handling practices
🚀 What I Learned
Through building DevApiHub, I gained hands-on experience in:
- Designing scalable full-stack architecture
- Implementing API usage limitation systems
- Handling secure backend logic
- Planning premium & free feature access
- Presenting a developer-centric product
👨💻 Author
Md. Sinikdho
🎓 CST Student
💻 MERN Stack Web Developer
🚀 Passionate about building developer tools
评论