Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📚 Flutter Course UI Design App

A sleek and modern Flutter application designed to display educational course content with a clean UI and reusable components. This app showcases horizontal course categories, a detailed course view with an image header, and user-friendly navigation. It is ideal for developers learning UI design principles in Flutter.

🚀 Features

  • Horizontal scrollable list of course categories
  • Detailed course screen with:
    • Image banner
    • Title and description
    • Back button over the image
  • Reusable UI components (Button, Separator)
  • Responsive layout
  • Clean and structured project architecture

🖼️ Screenshots

s2.png s1.png 3.png 4.png 5.png 6.png

🛠 Getting Started

  1. Clone the repository
git clone https://github.com/Asam237/flutter-course-app

cd flutter-course-app
  1. Install dependencies
flutter pub get
Run the app
flutter run
  1. 📦 Assets Declare assets in your pubspec.yaml:
flutter:
  assets:
    - assets/pictures/
Make sure the images are correctly placed in the /assets/images/ folder.
  1. 🧱 Components CustomButton – A reusable styled button

CSeparator – A vertical space widget

CourseDetail – Shows image, title, description, and "Next" button

HomeScreen – Displays categories and allows navigation to course details

📬 Author

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages