Flutter UI Showcase

A Flutter UI project built using basic Flutter widgets, navigation, forms, responsive layouts, and Provider state management.

Overview

Flutter UI Showcase is a learning-focused mobile application that brings together Flutter UI concepts and Data Structures & Algorithms (DSA) practice. It demonstrates reusable UI components, navigation between screens, input handling, theme switching, and interactive algorithm exercises.

Features

• Flutter concepts covering widgets, layouts, forms, navigation, cards, images, GridView, Stack, and themes
• DSA topics including arrays, strings, linked lists, stacks, queues, searching, sorting, recursion, factorial, and palindrome
• Interactive DSA practice screens with input fields and result output
• Light and dark theme support using Provider state management
• Responsive layouts built with Flutter widgets
• Profile, settings, About Us, and feedback screens
• Asset-based icons and visual UI components

Tech Stack

• Flutter
• Dart
• Provider
• Material Design

Screenshots

📱 Mobile View

💻 Desktop View

📱 DSA Screen

📱 Flutter Screen

📱 Profile Screen

📱 Dark Theme

📱 Feedback Screen

Project Structure

lib/
├── dsa_screens/       # DSA learning and practice screens
├── flutter_screens/   # Flutter concept screens
├── profile_screens/   # Profile, settings, feedback, and About Us screens
├── main.dart          # Application entry point
├── navigation.dart    # Bottom navigation
└── routes.dart        # Named routes

Getting Started

1. Clone the repository:

   git clone https://github.com/twisha-flutter-codes/flutter-ui-showcase.git

2. Open the project folder:

   cd flutter-ui-showcase

3. Install dependencies:

   flutter pub get

4. Run the application:

   flutter run

Developer

• Tanisha Bhambhani
• Twinkle Kuntar

Version

1.0.0