Tweet Generator

A beautiful and futuristic tweet generator with a cyberpunk theme that helps create engaging tweets in different tones. Built with React, TypeScript, and Tailwind CSS.

Features

Multiple Tone Options

• Humorous: Light-hearted and funny tweets with playful emojis
• Informative: Educational and fact-based content with relevant hashtags
• Motivational: Inspiring and encouraging messages to uplift your audience

Smart Generation

• Topic-based tweet creation with contextual templates
• Automatic hashtag generation based on tone and topic
• Smart emoji selection that matches the tweet's mood
• Real-time character count with Twitter's 280-character limit

User Experience

• Cyberpunk-themed UI with matrix-like animations
• Neon glow effects and floating orbs
• Glass-morphism design elements
• Dark theme with cyan accents
• One-click copy functionality
• Responsive design for all devices
• Smooth animations and transitions

Best Practices

• TypeScript for type safety
• Modern React hooks and patterns
• Responsive and accessible design
• Clean and maintainable code structure
• Performance optimized animations

Tech Stack

• React 18: Modern UI development
• TypeScript: Type safety and better developer experience
• Tailwind CSS: Utility-first styling
• Lucide Icons: Beautiful and minimal icons
• Vite: Fast development and building

Getting Started

1. Clone the repository
2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

Usage

1. Select a tone (Humorous, Informative, or Motivational)
2. Enter your topic in the input field
3. Click "Generate Tweet" to create your tweet
4. Use the copy button to share your tweet
5. Generate again if you want a different variation

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

MIT License - feel free to use this project for personal or commercial purposes.

Credits

• Background animations inspired by cyberpunk and matrix themes
• UI design following modern glass-morphism trends
• Icons provided by Lucide React