Summary
To help new users learn FletX more effectively, I propose creating a collection of beginner-friendly, step-by-step application tutorials. These examples will demonstrate real use cases while showcasing FletX features (state management, routing, DI, navigation, reactive widgets, etc.).
🎯 What We Need
Create at least 10 example tutorials of small but complete applications, such as:
- Todo App
- Calculator
- Simple Notes App
- Counter with multiple pages
- Login + Dashboard flow
- Theme Switcher
- Gallery / Image Viewer
- Weather App (static mock data)
- Basic Form App
- Product List Viewer (no backend)
- etc.
Each tutorial should serve as a hands-on guide to FletX fundamentals.
📝 Requirements for Each Tutorial
1️⃣ Format
-
Written in Markdown
-
Stored in:
docs/examples/<example-name>.md
2️⃣ Pedagogical Style
Each tutorial must be:
- Clear and beginner-friendly
- Step-by-step
- Well explained (what we’re doing and why)
- Progressive (small increments → final result)
3️⃣ Include Visuals
4️⃣ Use Only Real FletX & Flet Features
5️⃣ Follow FletX Best Practices
Examples must demonstrate:
- Proper state management
- Clean folder structure
- Clear separation between UI and logic
- Idiomatic use of FletXPage
- Optional use of routing, controllers, DI, navigation—all depending on the app
🚀 Goal
Make FletX easier to approach for newcomers by providing real, reproducible examples that:
- Teach the framework progressively
- Show real-world patterns
- Encourage community experimentation
This will also greatly improve onboarding and documentation quality.
If anyone wants to pick one of the example apps, feel free to comment below!
Summary
To help new users learn FletX more effectively, I propose creating a collection of beginner-friendly, step-by-step application tutorials. These examples will demonstrate real use cases while showcasing FletX features (state management, routing, DI, navigation, reactive widgets, etc.).
🎯 What We Need
Create at least 10 example tutorials of small but complete applications, such as:
Each tutorial should serve as a hands-on guide to FletX fundamentals.
📝 Requirements for Each Tutorial
1️⃣ Format
Written in Markdown
Stored in:
2️⃣ Pedagogical Style
Each tutorial must be:
3️⃣ Include Visuals
Add screenshots or GIFs showing:
Place assets in:
4️⃣ Use Only Real FletX & Flet Features
No AI-generated pseudo-APIs
No imaginary widgets
Only:
5️⃣ Follow FletX Best Practices
Examples must demonstrate:
🚀 Goal
Make FletX easier to approach for newcomers by providing real, reproducible examples that:
This will also greatly improve onboarding and documentation quality.
If anyone wants to pick one of the example apps, feel free to comment below!