How neelabhshukla018/despiree-_blogs works
DESPIRE is an AI-assisted blogging and reading platform. Readers discover and search posts, open details, save posts, and engage; creators generate drafts, edit and publish them, with followers notified of new posts. Accounts, follows, contacts, notifications, and Pro payments are distinct supporting workflows. The graph connects the React app to the Express API and shows sampled controller/model behavior. The README documents search, comments, admin tools, and other capabilities not fully represented in sampled source, so their internal wiring is not inferred.
Main entry points: App.jsx App Routing · server.js Express Server · aiController.js AI Generation · blogController.js Blog Workflows
Components 34
Reader and Creator App
- App Routing
FrontEnd/src/App.jsx - Blog Experience
FrontEnd/src/Components/Blog.jsx - Blog Details
FrontEnd/src/Components/BlogDetails.jsx - Create Blog
FrontEnd/src/Components/CreateBlog.jsx - Edit Blog
FrontEnd/src/Components/EditBlog.jsx - Dashboard
FrontEnd/src/Components/Dashboard.jsx - Saved Blogs
FrontEnd/src/Components/SavedBlogs.jsx - Contact Form
FrontEnd/src/Components/ContactUs.jsx - Clerk Auth
FrontEnd/src/main.jsx - Blog API Client
FrontEnd/src/services/blogService.js
API and Workflows
- Express Server
Backend/server.js - Blog Routes
Backend/routes/blogRoutes.js - User Routes
Backend/routes/userRoutes.js - Follow Routes
Backend/routes/followRoutes.js - Notification Routes
Backend/routes/notificationRoutes.js - Contact Routes
Backend/routes/contactRoutes.js - Payment Routes
Backend/routes/paymentRoutes.js
Content and Community
- Blog Workflows
Backend/controllers/blogController.js - Follow Records
Backend/models/Follow.js - Notifications
Backend/models/Notification.js
AI and Pro
- AI Routes
Backend/routes/aiRoutes.js - AI Generation
Backend/controllers/aiController.js - Cover Prompt
Backend/utils/promptBuilder.js - Cover Image Service
Backend/services/imageService.js - Payment Workflow
Backend/controllers/paymentController.js
Persistence and Services
- Blog Records
Backend/models/blog.js - User Records
Backend/models/user.js - Contact Messages
Backend/models/contactModel.js - Payment Records
Backend/models/Payment.js
Other components
- Reader or Creator
- MongoDB
- Groq API
- Image Generation
- Cloudinary
Connections 38
- Reader or Creator → App Routing: uses
- App Routing → Blog Experience: routes to
- App Routing → Blog Details: routes to
- App Routing → Create Blog: routes to
- App Routing → Edit Blog: routes to
- App Routing → Dashboard: routes to
- App Routing → Saved Blogs: routes to
- App Routing → Contact Form: routes to
- Blog Experience → Blog API Client: requests posts
- Blog Details → Blog API Client: requests details
- Create Blog → Blog API Client: submits post
- Edit Blog → Blog API Client: updates post
- Express Server → Blog Routes: mounts
- Express Server → User Routes: mounts
- Express Server → Follow Routes: mounts
- Express Server → Notification Routes: mounts
- Express Server → Contact Routes: mounts
- Express Server → Payment Routes: mounts
- Express Server → MongoDB: connects
- Blog Routes → Blog Workflows: dispatches
- Blog Workflows → Blog Records: reads and writes
- Blog Workflows → Follow Records: finds followers
- Blog Workflows → Notifications: creates alerts
- User Routes → User Records: reads and writes
- Follow Routes → Follow Records: reads and writes
- Notification Routes → Notifications: reads and updates
- Contact Routes → Contact Messages: stores messages
- Payment Routes → Payment Workflow: dispatches
- Payment Workflow → Payment Records: records payment
- Payment Workflow → User Records: activates Pro
- Payment Workflow → Reader or Creator: creates Razorpay order
- AI Routes → AI Generation: dispatches
- AI Generation → User Records: checks limits
- AI Generation → Groq API: generates text and prompts
- AI Generation → Cover Prompt: builds cover prompt
- AI Generation → Cover Image Service: generates cover
- Cover Image Service → Image Generation: requests image
- Cover Image Service → Cloudinary: uploads image