Text Editing App

This project provides an interactive user interface to control font properties such as font size, font family, font color, and font style. Built using Flutter and Bloc for state management, it ensures a modern, responsive, and smooth user experience.

Features

• Font Size Control:
  • Increase or decrease font size dynamically using intuitive buttons.
• Font Family Selection:
  • Change font family via a dropdown menu with predefined options.
• Font Color Control:
  • Select a font color from a palette of predefined colors.
• Font Style Selection:
  • Switch between different font styles (e.g., bold, italic).
• Responsive UI:
  • Smooth horizontal scrolling and adaptive design for various screen sizes.

Technologies Used

• Flutter: Framework for UI development.
• Cubit: State management for dynamic changes.
• Dart: Programming language.
• Material Design: For sleek and intuitive UI components.

Platform Support

Platform	Status	Version
Android	✅ Supported	API 33+
iOS	✅ Supported	iOS 17+
Web	✅ Supported	Modern Browsers

How to Run

1. Clone the repository:

   git clone <repository-url>

2. Navigate to the project directory:

   cd project directory

3. Install dependencies:

   flutter pub get

4. Run the app:

   flutter run

Folder Structure

lib/
├── constants/
│   └── font_family_list.dart
├── cubit/
│   ├── canvas_cubit.dart
│   └── canvas_state.dart
├── models/
│   └── text_item_model.dart
├── ui/
│   ├── screens/
│   │   ├── canvas_screen.dart
│   │   ├── save_page_dialog.dart
│   │   ├── saved_pages.dart
│   │   └── splash_screen.dart
│   └── widgets/
│       ├── background_color_tray.dart
│       ├── background_options_sheet.dart
│       ├── editable_text_widget.dart
│       └── font_controls.dart
├──utils/
│    └──custom_snackbar.dart
├── main.dart

Folder Details

• constants: Contains app-wide constant values.
  • font_family_list.dart: List of available font families.
• cubit: Manages application state using the Cubit package.
  • canvas_cubit.dart: Handles business logic for canvas operations.
  • canvas_state.dart: Defines the state of the canvas.
• models: Contains data models used in the app.
  • text_item_model.dart: Model representing text items on the canvas.
• ui: Contains user interface components.
  • screens: Holds all screen-related files.
    • canvas_screen.dart: Main screen where the canvas is displayed.
  • widgets: Reusable UI components.
    • editable_text_widget.dart: Widget for editable text items.
    • font_controls.dart: Widget for controlling font properties.
• main.dart: Entry point of the application.

Prerequisites

• Flutter SDK
• Dart SDK

Usage

Font Size Control

• Use the + and - buttons to adjust the font size.

Font Family Selection

• Select a font from the dropdown menu to update the displayed text.

Font Color Control

• Choose a color from the palette to change the text color.

Font Style Selection

• Add bold, italic styles to your text using additional controls.

Text Alignment

• Lets you control how your text is positioned horizontally

Highlight

• Add highlighted colors to your text for dynamic view

Copy

• Copy the text

Restore Default

• Lets user to go back to the default view for the text

Demo Video

WhatsApp.Video.2025-09-21.at.00.11.01_ac48a860.mp4

WhatsApp.Video.2025-09-22.at.00.09.52_2d1f20be.mp4

Font Controls UI

Contributing

Contributions are welcome! Please follow these steps:

1. Fork the repository.

2. Create a new branch for your feature or bugfix:

   git checkout -b feature-name

3. Commit your changes:

   git commit -m "Add some feature"

4. Push to your branch:

   git push origin feature-name

5. Open a pull request.

Support

🌟 If you find this project helpful, please consider giving it a star!
It helps others discover the project and motivates us to keep improving. Your support means a lot! 🙌

License

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

Acknowledgments

Special thanks to:

• Flutter Team for the amazing framework
• Bloc Library for state management
• Material Design for design guidelines
• All our contributors for making this project better
• The open-source community for inspiration and support

Contributors

Satyam Jha	Aryan Trivedi	Lavanya L Nair	Mannem Sumana Sri	Preeti Das	Jatin Sharma
Shaik Zainab	Manar ELhabbal	Sandeep Sarkar	Elwin	Abhishek Kumar Ray	Ananya Singh
DMounas	Debasmita C	GAURI	Ritam Sen	Rudraksha kumar	Seera charmi
Ishita Srivastava | Contributor	pranayshl

Maintainers

• Satyam Jha
  • github
  • linkedIn

Contact

For questions or suggestions, feel free to contact:

• Author: Satyam Jha
• Email: satyamj210@gmail.com