KubeCloudAI is a powerful, AI-driven full-stack blogging platform built for developers passionate about cloud technologies, real-time coding collaboration, and clean, scalable architecture.
🔗 https://kube-cloud-ai.vercel.app
- Frontend: React (Vite), Tailwind CSS, Framer Motion, Redux, React Quill
- Backend: Node.js, Express.js, MongoDB (Atlas)
- Authentication: Firebase, OAuth 2.0, JWT, Cookie-based Auth
- Real-time & Storage: Firebase, Multer (file upload)
- Editor & Display: CodeMirror, highlight.js, htmlparser2
- Utilities: Axios, JS Cookie, jwt-decode, Flowbite UI
✅ Full-Stack MERN Architecture
Modern, responsive and scalable design with MongoDB, Express.js, React.js (Vite), and Node.js.
🤖 AI Chatbot Assistant
Powerful search assistant for semantic blog discovery and content suggestion.
💻 Live Multi-Language Code Editor
Real-time syntax highlighting for Python, JS, C++, Java, HTML, CSS using CodeMirror.
🧵 Media-Rich Nested Comments
Supports replies and uploads (images/media up to 50MB) using Multer with proper validation.
🔐 Advanced Authentication
JWT + OAuth 2.0 (Google/Firebase)
Secure, cookie-based auth for 500+ users with cookie-parser and session management.
🛡️ Role-Based Access Control (RBAC)
Permissions management across user types (admin, member, guest).
🔔 Real-time Notifications
Users are instantly alerted on likes, comments, and admin events.
🌍 Smart CORS Handling
Dynamic policy supports Vercel previews, production domains, and localhost.
🧠 SEO + UI Polish
95% mobile responsiveness, animated transitions with Tailwind + Framer Motion.
📤 Code Snippet Sharing
Posts and code snippets rendered beautifully via highlight.js and HTML parsing.
| Layer | Hosting | Notes |
|---|---|---|
| Frontend | Vercel | Auto-deploy on push to main |
| Backend API | Vercel Serverless | Hosted via Vercel's /api/* functions in same project |
| Database | MongoDB Atlas | Cloud-hosted with full monitoring + /api/health check |
- 🔥 Firebase: Used for image/media storage and authentication
- 📦 Redux + Redux Persist: Global state + persistence
- ✨ React Quill: Rich text blog editor
- 🍪 JS Cookie + jwt-decode: Frontend token handling
- 📄 Axios: Seamless frontend ↔ backend communication
- 🧩 Flowbite UI: Rapid responsive UI development
We welcome contributions from the community! Whether it’s fixing bugs, adding new features, or improving documentation—every bit helps.
To contribute:
- Fork the repository
- Create a new branch:
git checkout -b feature/my-feature - Commit your changes:
git commit -m "Add feature" - Push to the branch:
git push origin feature/my-feature - Open a pull request 🚀
Please follow the existing coding style and naming conventions.
Developed by Merna Adel
📧 Email: mernaadel182@gmail.com 🔗 LinkedIn: linkedin.com/in/MernaAdel