Giter Club home page Giter Club logo

spacex_last_flight's Introduction

SpaceX Latest Launch Info App

Overview

This Flutter application provides detailed information about SpaceX's latest launch, including:

  • A YouTube video of the launch.
  • A link to the Reddit discussion page.
  • A Wikipedia page with detailed information about the launch.

The app utilizes the following packages:

  • dio for making HTTP requests.
  • youtube_player_flutter for embedding YouTube videos.
  • webview_flutter for displaying web pages.

Features

  • Fetch and display details about the latest SpaceX launch.
  • Embed and play a YouTube video of the launch.
  • Provide links to the Reddit discussion page and Wikipedia page.
  • Display these web pages within the app using web views.

Requirements

  • Flutter SDK: >= 2.5.0
  • Dart: >= 2.12.0

Packages Used

  • dio: For making HTTP requests to fetch launch data.
  • youtube_player_flutter: For embedding and playing YouTube videos.
  • webview_flutter: For displaying Reddit and Wikipedia pages within the app.

Getting Started

Prerequisites

Ensure you have the Flutter SDK installed. You can download it from Flutter's official site.

Installation

BURAYI DUZELT

  1. Clone the repository:
    git clone https://https://github.com/SADIK1703/spacex_last_flight.git
    cd spacex_last_flight
    flutter pub get
    flutter run

Directory Structure

📦lib
┣ 📂models
┃ ┗ 📜spacex_flight_model.dart
┣ 📂services
┃ ┗ 📜request_services.dart
┣ 📂utils
┃ ┣ 📜.request.rest
┃ ┣ 📜.response.http
┃ ┣ 📜constants.dart
┃ ┗ 📜globals.dart
┣ 📂views
┃ ┣ 📂custom_widgets
┃ ┃ ┗ 📜custom_appbar.dart
┃ ┗ 📂main_page_view
┃ ┃ ┣ 📜buttons.dart
┃ ┃ ┣ 📜main_info.dart
┃ ┃ ┣ 📜web_page.dart
┃ ┃ ┗ 📜youtube_player.dart
┣ 📂view_models.dart
┃ ┗ 📜flight_info_view_model.dart
┗ 📜main.dart \

Functionality

  • main.dart: Initializes global values, fetches the latest flight information, and starts the app.

  • services/request_service.dart: Manages fetching the latest SpaceX launch details using dio.

  • views/home_page.dart: Displays launch details and provides navigation to YouTube video, Reddit page, and Wikipedia page.

  • views/youtube_video_page.dart: Embeds and plays YouTube videos using youtube_player_flutter.

  • views/webview_page.dart: Displays Reddit and Wikipedia pages within the app using webview_flutter.

  • widgets/custom_app_bar.dart: Provides a custom app bar widget for consistent app design.

Conclusion

This application provides users with the latest information on SpaceX launches, including video, discussions, and detailed information. Ensure all dependencies are installed and configured properly before running the app. If you encounter any issues, refer to the official documentation of each package used.

spacex_last_flight's People

Contributors

sadik1703 avatar

Stargazers

 avatar Burak Kızılay avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.