A satirical AI writing assistant that demonstrates the pitfalls of over-automation and aggressive upselling in productivity software. This project showcases modern web development best practices while delivering a humorous commentary on AI-powered writing tools.
SmartWrite Free is a tongue-in-cheek demonstration of how AI writing assistants might behave if they were overly aggressive about "improving" your text and constantly pushing premium upgrades. It's both educational and entertaining, serving as a commentary on the current state of AI-powered productivity tools.
- Real-time Text Interference: Automatically "improves" your writing with corporate jargon
- Escalating Popup Aggression: Popups become increasingly pushy about upgrading
- Fake AI Suggestions: Generates satirical writing advice
- Professional UI: Clean, modern interface that mimics real productivity software
- Responsive Design: Works on desktop and mobile devices
- TypeScript: Full type safety and modern JavaScript features
- Modular Architecture: Clean separation of concerns
- TypeScript - Type safety and modern JavaScript features
- Vite - Fast build tool and development server
- ESLint + Prettier - Code quality and formatting
- CSS3 - Modern styling with animations and responsive design
- GitHub Pages - Free hosting and deployment
- Node.js (version 16 or higher)
- npm or yarn
- Clone the repository:
git clone https://github.com/yourusername/smartwrite-free.git
cd smartwrite-free- Install dependencies:
npm install- Start the development server:
npm run dev- Open your browser and navigate to
http://localhost:3000
npm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Run ESLintnpm run lint:fix- Fix ESLint errorsnpm run format- Format code with Prettiernpm run type-check- Run TypeScript type checking
smartwrite-free/
├── src/
│ ├── scripts/
│ │ ├── main.ts # Application entry point
│ │ └── writing-assistant.ts # Main application logic
│ ├── styles/
│ │ └── main.css # All styles
│ ├── types/
│ │ └── index.ts # TypeScript type definitions
│ └── utils/
│ ├── constants.ts # Application constants
│ └── helpers.ts # Utility functions
├── index.html # Main HTML file
├── package.json # Project configuration
├── tsconfig.json # TypeScript configuration
├── vite.config.js # Vite configuration
├── .eslintrc.js # ESLint configuration
├── .prettierrc # Prettier configuration
└── README.md # This file
- Update the
homepagefield inpackage.jsonwith your GitHub Pages URL - Update the
basefield invite.config.jsto match your repository name - Build the project:
npm run build- Push the
distfolder to thegh-pagesbranch or enable GitHub Pages in your repository settings
- Build the project:
npm run build- Upload the contents of the
distfolder to your web server
Edit src/utils/constants.ts to add new word replacements:
export const WORD_REPLACEMENTS: WordReplacement[] = [
// ... existing replacements
{ original: 'new', replacement: 'innovative', category: 'corporate' },
];Adjust the popup frequency and messages in src/utils/constants.ts:
export const CONFIG = {
POPUP_FREQUENCY: 50, // Show popup every 50 keystrokes
// ... other config
};All styles are in src/styles/main.css. The project uses CSS custom properties for easy theming.
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Commit your changes:
git commit -m 'Add amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Inspired by the proliferation of AI writing assistants
- Built with modern web development best practices
- Designed to be both educational and entertaining
This is a satirical project created for educational and entertainment purposes. It is not affiliated with any real AI writing assistant companies.
Happy coding! 🎉