BlogVerse is a sophisticated blogging ecosystem built to streamline the creative process through Artificial Intelligence. By integrating Google Gemini AI, the platform offers automated content synthesis and digests, bridging the gap between high-performance web architecture and modern Generative AI.
| Layer | Technology |
|---|---|
| Frontend | React.js |
| Styling | Tailwind CSS |
| Backend (BaaS) | Appwrite (Auth, NoSQL, Storage) |
| AI Integration | Google Gemini AI API |
| Editor | TinyCloud (TinyMCE) |
- Synthesis & Summaries: Utilizes Gemini AI to automatically generate blog drafts and concise reader summaries, increasing productivity.
- Intelligent Digests: Readers can quickly understand long-form content through AI-generated distillation.
- Secure Authentication: Managed via Appwrite Auth, ensuring robust user session handling.
- NoSQL Database: Dynamic blog post management including metadata, tags, and user relations.
- Cloud Media Storage: Implemented secure cover image uploads and real-time rendering via Appwrite Storage Buckets.
- Rich Text Editing: Integrated TinyCloud for a professional, "what-you-see-is-what-you-get" (WYSIWYG) writing experience.
- Responsive Design: Optimized UI for seamless transitions between mobile, tablet, and desktop views.
src/
├── appwrite/ # Backend service configurations
├── components/ # Reusable UI elements (Header, Footer, Auth)
├── pages/ # Main views (Home, AllPosts, EditPost)
├── store/ # Global state management
└── assets/ # Static images and icons