Smart AI Articles home page
AI Content Platform

Smart AI Articles

Smart AI Articles is a full-stack content creation platform that uses Google Gemini to help users generate, enhance, and analyze articles across different content formats.

RoleFull Stack Developer
ArchitectureMERN
AIGoogle Gemini
DatabaseMongoDB Atlas
DeploymentVercel + Render

What it is

Smart AI Articles brings content creation, editing, and analysis into one platform. Users can start from templates for blogs, LinkedIn posts, professional emails, or custom content and enhance their drafts using Google Gemini.

The platform provides analytics for readability, engagement, and SEO-related signals, while allowing users to compare original and enhanced versions, regenerate content with version tracking, and monitor AI enhancement processing status automatically.

Screenshots

Smart AI Articles home page

Home Page

Entry point for creating and managing AI-assisted content.

Smart AI Articles content dashboard

Content Dashboard

Central workspace for managing articles, processing status, and content activity.

Key Features

  • AI Content Enhancement — Improve drafts using Google Gemini with customizable writing styles and tones.
  • Content Templates — Start with templates for blogs, LinkedIn updates, professional emails, or custom formats.
  • Content Analytics — Review readability, engagement, and SEO-related metrics for each article.
  • Article Regeneration — Re-run AI enhancement on existing articles and track version history.
  • Original vs Enhanced — Compare the original draft with the AI-enhanced version and copy the result with one click.
  • Search & Processing Status — Search and filter articles while tracking AI enhancement processing status in real time.
  • Authentication — JWT-based authentication with bcrypt password hashing and session management.

How I Built It

User → React + Vite → Axios → Express API → MongoDB
↓
Google Gemini

The frontend uses React 19 and Vite with Axios connecting the interface to the Express API. MongoDB Atlas stores article and application data, while Google Gemini handles AI-powered content enhancement. The application also uses JWT authentication, bcrypt password hashing, Helmet, rate limiting, and input validation.

I independently built Smart AI Articles end to end, including the React interface, article management workflows, analytics dashboard, Express APIs, MongoDB integration, authentication, Gemini integration, article regeneration, search and filtering, processing-status handling, and deployment.

Tech Stack

Frontend

React 19ViteTailwind CSS 4AxiosReact Icons

Backend

Node.jsExpress.jsMongoose

Database

MongoDB Atlas

AI

Google Generative AI / Gemini

Security

JWTbcryptHelmet.jsRate Limiting

Deployment

VercelRender-ready backend