A full-stack blog platform inspired by Dev.to, built with Next.js, MongoDB, GraphQL, and TailwindCSS. Includes AI-powered tools, OAuth login, rich text editing, user interactions, search, and more.
- Blog summarization using Google Gemini
- Automatic keyword and tag suggestions (e.g., #react, #webdev)
- AI-assisted content generation and rewriting
- Blog title enhancement and refinement
- OAuth-based social login via NextAuth.js (Google, GitHub)
- User profile creation and management
- Rich text blog editor using TipTap
- Upload cover images via Cloudinary
- Support for YouTube embeds, links, codes, and inline media
- Commenting system (add/delete)
- Blog bookmarking
- Reactions system
- Search blogs by title or keyword
- Responsive and accessible UI with TailwindCSS
- Global state with Redux
- Data fetching with SWR
- Backend optimized using GraphQL API
- Form validation using React Hook Form
| Technology | Description |
|---|---|
| Next.js | React framework for fullstack web apps |
| MongoDB | NoSQL database |
| TailwindCSS | Utility-first CSS framework |
| GraphQL | Query language for efficient APIs |
| NextAuth.js | Authentication (OAuth) |
| Redux | Global state management |
| React Hook Form | Form handling and validation |
| TipTap | Rich text editor |
| Cloudinary | Image upload and storage |
| SWR | Data fetching and revalidation |