StoryWriterBot

• 

  Database MongoDB connection

• 

  Pushed to github

• 

  Backend Connection with database

• 

  Vitejs

• 

  API key from ASI-1 AI

Inspiration

StoryWriterBot was inspired by the gap between having a great story idea and actually turning it into a polished draft. Writers often jump between notes, docs, and AI tools, which breaks creative momentum. I wanted one focused workspace that supports the full storytelling flow.

What it does

StoryWriterBot is an AI-powered storytelling assistant that helps users brainstorm, generate, refine, preview, and save stories. It combines structured inputs, chat-based iteration, and story history so users can move from concept to final narrative in one place.

How we built it

We built StoryWriterBot as a full-stack web app using React, TypeScript, and Vite on the frontend, with Tailwind CSS for styling and reusable UI components. We organized the code with a feature-based structure (auth, story generation, shared services), used hooks for stateful logic, and integrated an ASI1 proxy backend for secure model access and generation workflows.

Challenges we ran into

We faced challenges in balancing creativity with consistency in AI outputs, managing complex UI state across drafting and revision flows, and keeping latency low enough to preserve writing momentum. We also had to design prompts and service boundaries carefully so the system stayed maintainable while iterating quickly.

Accomplishments that we're proud of

We’re proud of delivering a smooth end-to-end writing workflow instead of just a single prompt box. The modular architecture, clean separation of UI and generation logic, and built-in history/preview experience make the app practical for real writing sessions, not just demos.

What we learned

We learned that product UX matters as much as model quality in AI apps. Strong prompt engineering is iterative, and scalable architecture (features, hooks, services) dramatically improves development speed. We also learned to optimize for “creative flow” by reducing context switching and friction.

What's next for StoryWriterBot

Next, we plan to add deeper personalization (tone/genre memory), smarter revision assistance (pacing, character consistency), collaboration features, and better export/publishing options. The goal is to evolve StoryWriterBot from a drafting assistant into a complete storytelling platform.

Built With

• concurrently
• cors
• css-frontend:-react-19
• dotenv
• express.js
• framer-motion
• html
• javascript
• jspdf
• languages:-typescript
• lucide-react-backend:-node.js
• output
• postcss
• react-router-styling/ui:-tailwind-css
• typescript-eslint
• utility:
• vite