🖊️ Textify

Textify is a powerful React application that transforms your ideas into visually striking text compositions. With an intuitive interface and a rich set of features, Textify empowers you to create, edit, and manipulate text elements on a dynamic canvas. Whether you're designing social media posts, creating memes, or prototyping layouts, Textify is your go-to tool for text-based creativity.

🌟 Key Features

• 📝 Dynamic Text Creation: Add multiple text elements to your canvas with a single click.
• 🖱️ Intuitive Drag-and-Drop: Effortlessly position your text anywhere on the canvas.
• 🎨 Rich Styling Options: Apply bold, italic, and underline styles. Customize font size and color to your heart's content.
• ↩️ Undo/Redo Functionality: Experiment freely with the ability to revert or reapply changes.
• 🖼️ Export as Image: Save your masterpiece as a high-quality image for easy sharing.
• 📱 Responsive Design: Create on any device with our mobile-friendly interface.

🚀 Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js (version 14 or above)
• npm (comes bundled with Node.js)

Quick Start

1. Clone the repository

   git clone https://github.com/yourusername/Textify.git
   cd Textify

2. Install dependencies

   npm install

3. Fire up the application

   npm start

4. Open your browser and navigate to http://localhost:3000. Start creating!

🎨 How to Use Textify

1. Add Text: Click the "+" button to add a new text element to your canvas.
2. Style Your Text: Use the toolbar to apply bold, italic, or underline styles. Adjust font size and color with the provided controls.
3. Position Text: Click and drag text elements to position them precisely on the canvas.
4. Edit Text: Double-click any text element to modify its content.
5. Undo/Redo: Made a mistake? Use the undo and redo buttons to step backward or forward through your changes.
6. Export: Happy with your creation? Click "Export Canvas" to download your design as an image.

🛠️ Built With Cutting-Edge Tech

• React - For building a dynamic and responsive UI
• Bootstrap - For sleek, responsive styling
• html2canvas - For high-quality canvas exports
• react-draggable - For smooth drag-and-drop functionality

🤝 Contributing to Textify

We welcome contributions from the community! Here's how you can help:

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

Please read our CONTRIBUTING.md for details on our code of conduct and the process for submitting pull requests.

📜 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙌 Acknowledgments

• Hat tip to anyone whose code was used
• Inspiration
• etc

📞 Get in Touch

Have questions, feedback, or just want to say hi? We'd love to hear from you!

• Creator: Saikat Roy
• Email: saikatroydot@gmail.com
• GitHub: @sculptorofcode

---

Made with ❤️ by Saikat Roy