Back to Projects
Your Docs AI
CompletedReactTailwind CSSFramer Motion+5 more

Your Docs AI

A smart document editor with AI-powered writing tools, featuring a free trial system, guest-to-cloud migration, and role-based access.

Timeline

1 week

Role

Full Stack Developer

Team

Solo

Status
Completed

Technology Stack

React
Tailwind CSS
Framer Motion
Node.js
Express
MongoDB
Google Gemini API
JWT Authentication

Key Challenges

  • Designing a meaningful free-trial experience
  • Handling guest vs registered user data storage
  • Integrating AI tools without breaking editor UX
  • Managing document access and permissions

Key Learnings

  • Role-based product flow design
  • JWT authentication and authorization
  • AI integration in real-world applications
  • Building SaaS-style user experiences

Your Docs AI: Smart Document Editor

Overview

Your Docs AI is a smart document editor that combines rich-text editing with AI-powered writing assistance.
The platform supports both guest users through a controlled free trial and registered users with full cloud-based features.

The focus of this project was not just document editing, but designing realistic product flows around access control, storage, and user conversion.


What Users Can Do

For All Users

  • Create and edit rich-text documents
  • Use AI tools to summarize, expand, and correct content
  • Download documents as text files
  • Write using clean, markdown-supported formatting

Free Trial Experience (Guest Users)

  • Create up to 3 documents
  • All documents stored in browser localStorage
  • Persistent warning banner showing remaining usage
  • Clear feedback when the document limit is reached
  • No forced signup until value is demonstrated

Registered User Features

  • Unlimited cloud document storage
  • Secure access via authentication
  • Shareable document links
  • Advanced AI-powered document actions
  • Persistent access across devices

AI Integration

AI features are powered by the Google Gemini API and are embedded directly into the document workflow.

The integration focuses on:

  • Context-aware AI actions
  • Minimal UI disruption
  • Practical writing assistance instead of generic prompts

Tech Stack

  • React
  • Tailwind CSS
  • Framer Motion
  • Node.js
  • Express
  • MongoDB
  • Google Gemini API
  • JWT Authentication

Key Takeaways

  • Free trials should deliver real value, not crippled features
  • Guest-to-user data migration is a non-trivial system problem
  • AI features work best when integrated into existing workflows
  • Product thinking is as important as technical execution

After Build & Impact

  • Strengthened understanding of full-stack SaaS patterns
  • Gained experience designing user conversion flows
  • Learned how to integrate AI responsibly into products
  • Improved confidence in building end-to-end applications

Future Improvements

No planned enhancements.

This project was built as a complete product experiment rather than a long-term platform.

Customized & developed by Aakash Gupta
© 2026. All rights reserved