Skip to content

fagerhu03/space_app

Repository files navigation

🌌 Space Exploration App 🚀

This Flutter application provides an interactive experience where users can explore the planets in our solar system through informative pages and immersive 3D models.


✨ Features

  • 🚀 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 .glb 3D models).

🛠️ Technologies Used

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

📂 Folder Structure

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

✅ How to Run

  1. Clone the repo

    git clone https://github.com/your-username/space_explorer_app.git
    cd space_explorer_app
  2. Install dependencies

    flutter pub get
  3. Run the app

    flutter run

🖼️ Screenshots

Welcome Screen Home Screen Planet Detail Page

💡 To display screenshots, add them inside assets/screens/ and update the paths above if needed.


🎥 Demo Video

https://github.com/fagerhu03/space_app/blob/main/screenshoots/space%20app.mkv


🔧 Android Configuration

Make sure you have the following in your Android project:

AndroidManifest.xml

<uses-permission android:name="android.permission.INTERNET"/>
<application
    android:hardwareAccelerated="true"
    android:usesCleartextTraffic="true"
    ... />

android/app/build.gradle

minSdkVersion 19

If using 3D models on Android:

Make your MainActivity extend FlutterFragmentActivity:

class MainActivity: FlutterFragmentActivity() { }

📩 Contact

Feel free to reach out for suggestions, bug reports, or contributions:
📧 fagerhu03@gmail.com


About

This Flutter application provides an interactive experience where users can explore the planets in our solar system through informative pages and immersive 3D models.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors