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.

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
│   ├── widgets/
│   │   ├── editable_text_widget.dart
│   │   └── font_controls.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.

Demo Video

DemoTextEditing.mov

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.

Maintainers

• Sarthak Patil github linkedIn

Contact

For questions or suggestions, feel free to contact:

• Author: Satyam Jha
• Email: satyamj210@gmail.com
• GitHub: may-tas