
Textify
April 2025
About the Project
Textify is your creative companion for crafting stunning text compositions. Whether you're designing social media posts, creating memes, presentations, or prototyping layouts, Textify makes it effortless. Built as a powerful React application and licensed under the Flutter Platform, Textify offers an intuitive interface and a rich set of features that empower you to create, edit, and manipulate text elements on a dynamic canvas. Whether for fun, professional projects, or quick inspiration, 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:
Quick Start
-
Clone the repository
git clone https://github.com/yourusername/Textify.git cd Textify
-
Install dependencies
npm install
-
Fire up the application
npm start
-
Open your browser and navigate to
http://localhost:3000
. Start creating!
đ¨ How to Use Textify
- Add Text: Click the "+" button to add a new text element to your canvas.
- Style Your Text: Use the toolbar to apply bold, italic, or underline styles. Adjust font size and color with the provided controls.
- Position Text: Click and drag text elements to position them precisely on the canvas.
- Edit Text: Double-click any text element to modify its content.
- Undo/Redo: Made a mistake? Use the undo and redo buttons to step backward or forward through your changes.
- 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:
- Fork the repository
- Create your feature branch:
git checkout -b feature/AmazingFeature
- Commit your changes:
git commit -m 'Add some AmazingFeature'
- Push to the branch:
git push origin feature/AmazingFeature
- 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!
Made with â¤ī¸ by Saikat Roy
Comments
No comments yet. Be the first to share your thoughts!
Project Links
Technologies Used
FlutterDartReact