Khodnevis AI

Next.jsTypeScriptTailwind CSSLexical Editor

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.

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

Project TypeProfessional

Tech StackNext.js, TypeScript, Tailwind CSS, Lexical Editor

Features4 sections covered