All Projects

Khodnevis AI

Next.jsTypeScriptTailwind CSSLexical Editor
Khodnevis AI

Khodnevis.ai is an AI-powered content platform that writes professional articles, generates images, and auto-publishes to your website. I joined the team and owned the most technically demanding parts: a fully RTL-compatible rich text editor, the blog system, and the landing pages — the pieces users interact with most directly.

Project TypeProfessional
Tech StackNext.js, TypeScript, Tailwind CSS, Lexical Editor
Features4 sections covered

What I Built & How

This was a team project — I didn't build the whole platform, but I owned the critical frontend pieces that users touch directly: the AI output editor, the blog system, and the landing pages. Each came with real technical challenges that pushed my frontend skills forward.

Lexical Editor (RTL) — Integrated and customized Facebook's Lexical Editor so users can edit, format, and structure AI-generated text in-place. The hard part: making it fully RTL-compatible for Persian, fixing caret behavior in mixed Persian/English text, and keeping copy-paste clean without breaking formatting
Blog System — Built all blog components with a floating Table of Contents, high readability for long articles, semantic HTML tags for SEO, and fast load times to rank well on Google
Landing Pages — Designed and implemented the platform's landing pages with modern visual elements, light-effect CTA buttons, and micro-interactions to immediately convey a high-end AI product feel
Fully Responsive — Ensured every page — especially the blog and landing sections — renders perfectly across all screen sizes, from wide monitors down to small Android phones, with fluid Tailwind CSS layouts

Screenshots

01

Blog Management

Browse, manage, and publish AI-generated blog posts from a clean content dashboard.

Blog Management screenshot 1
Blog Management screenshot 2
02

Content Generation

Generate professional articles, LinkedIn posts, and product descriptions using AI — all from a single prompt.

Content Generation screenshot 1
Content Generation screenshot 2
03

Publishing

Publish AI-written blogs and videos directly to your website with one click.

Publishing screenshot 1
Publishing screenshot 2
04

Translation & Audio

Translate content into multiple languages and convert articles to audio automatically.

Translation & Audio screenshot 1
Translation & Audio screenshot 2