Skip to content

SalemElbermawy/Learn_Dart_By_APP

Folders and files

NameName
Last commit message
Last commit date

Latest commit

0aebe9f · · Sep 11, 2025

History

5 Commits
Sep 10, 2025
Sep 11, 2025
Sep 11, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025
Sep 10, 2025

Repository files navigation

📘 Dart Concepts Learning App

A Flutter-based educational app designed to teach the core concepts of the Dart programming language in a clean and interactive way.
The app organizes concepts into tabs, with each tab covering a specific topic such as basics, null safety, control flow, loops, functions, collections, and object-oriented programming (OOP).


🚀 Features

  • 🏷️ Tabbed Interface – Easy navigation between different Dart topics.
  • 📄 Concept Sections – Each section shows:
    • Example Dart code
    • Short description
    • Sample output/result
  • 🖋️ Selectable Code Blocks – Users can copy code directly from the app.
  • 🎨 Clean UI Design – Built with Flutter widgets and responsive layouts.
  • 🧑‍🏫 Educational Purpose – Helps beginners understand Dart step by step.

📂 Project Structure

  • main.dart → Contains the main UI with TabBar and TabBarView.
  • ConceptSection widget → Reusable widget to display code, description, and output.
  • Tabs:
    • Basics
    • Null Safety
    • Control Flow
    • Loops
    • Functions
    • Collections
    • OOP

🛠️ Tech Stack

  • Framework: Flutter
  • Language: Dart
  • Widgets Used:
    • DefaultTabController, TabBar, TabBarView
    • Card, ListView, SelectableText
    • Custom reusable widget (ConceptSection)

📱 How It Works

  1. Launch the app.
  2. Choose a tab (e.g., Basics, Functions, OOP).
  3. Explore the examples:
    • Read the code snippet
    • Tap Description to see an explanation
    • Tap Result to see the sample output

🎯 Use Cases

  • Great for students and beginners learning Dart.
  • Useful as a teaching aid for instructors.
  • Can be extended with new topics and interactive DartPad integration.

🔮 Future Improvements

  • Add syntax highlighting for code snippets.
  • Add Copy button for quick code copying.
  • Add interactive execution using DartPad embed.
  • Expand with advanced topics (async, streams, Flutter integration).

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published