This Flutter application provides an interactive experience where users can explore the planets in our solar system through informative pages and immersive 3D models.
-
🚀 Splash Screen
Beautiful animated splash screen with branding transition. -
🔐 Login Screen
Simple login screen placeholder for future authentication. -
🌍 Home Screen
- AppBar with background graphic.
- Scrollable planet carousel using
PageView. - Planet navigation with an "Explore" button.
-
📊 Planet Details Screen
- Detailed planet information (distance, day length, radius, gravity, etc.).
- 3D model viewer using
model_viewer_plus. - Custom header with dynamic content.
- Scrollable design for accessibility.
-
🧠 Data Handling
- Planet data is stored in a structured Dart list (
planet_data.dart). - Dynamic asset loading (images and
.glb3D models).
- Planet data is stored in a structured Dart list (
| Purpose | Tech/Library |
|---|---|
| Mobile UI | Flutter |
| 3D Model Integration | model_viewer_plus |
| Navigation | Navigator.push for screen routing |
| State Management | StatefulWidget and setState() |
| Image & Model Assets | assets/ folder via pubspec.yaml |
lib/
├── main.dart
├── splash_screen.dart
├── login_screen.dart
├── home_screen.dart
├── planet_detail_screen.dart
├── planet_data.dart
├── navigation_push_example.dart
assets/
├── image/
│ ├── earth.png, mars.png, etc.
│ └── Rectangle 4.png (header bg)
├── models/
│ ├── earth.glb, mars.glb, etc.
├── screens/
│ ├── splash.png
│ ├── home.png
│ └── detail.png
-
Clone the repo
git clone https://github.com/your-username/space_explorer_app.git cd space_explorer_app -
Install dependencies
flutter pub get
-
Run the app
flutter run
| Welcome Screen | Home Screen | Planet Detail Page |
|---|---|---|
![]() |
![]() |
![]() |
💡 To display screenshots, add them inside
assets/screens/and update the paths above if needed.
https://github.com/fagerhu03/space_app/blob/main/screenshoots/space%20app.mkv
Make sure you have the following in your Android project:
<uses-permission android:name="android.permission.INTERNET"/>
<application
android:hardwareAccelerated="true"
android:usesCleartextTraffic="true"
... />minSdkVersion 19Make your MainActivity extend FlutterFragmentActivity:
class MainActivity: FlutterFragmentActivity() { }Feel free to reach out for suggestions, bug reports, or contributions:
📧 fagerhu03@gmail.com


