Coder Social home page Coder Social logo

rick-and-morty's Introduction

Rick and Morty App

Description : This repository contains the source code for the "Rick and Morty" app, which showcases various characters from the popular TV show "Rick and Morty". The app is built using Flutter and provides detailed information about each character, including the episodes they appear in.

  Directory Structure
    
    lib
    ├── model
    │   ├── core
    │   │   ├── api_urls.dart
    │   │   └── service
    │   │       ├── remote
    │   │       │   ├── api_error_handler.dart
    │   │       │   ├── api_response.dart
    │   │       │   ├── dio_service.dart
    │   │       │   └── character_service.dart
    │   └── character
    │       ├── model
    │       └── view
    │           ├── widgets
    │           │   └── character_screen.dart
    │           └── viewModel
    │               └── character_view_model.dart
    ├── utils
    │   ├── colors.dart
    │   └── styles.dart
    └── view
    ├── widgets
    │   ├── landing_page.dart
    │   └── splash_screen.dart
    └── viewModel
    └── landing_view_model.dart

Dependencies
The project uses the following dependencies:

flutter: The core Flutter framework.
provider: State management library.
flutter_screenutil: A flutter plugin for adapting screen and font size.
dio: A powerful HTTP client for Dart.
internet_connection_checker: A package for checking internet connection status.
lottie: A library to parse Adobe After Effects animations exported as JSON with Bodymovin and renders them using Flutter.
url_launcher: A Flutter plugin for launching URLs.
flutter_launcher_icons: A package which simplifies the task of updating your Flutter app's launcher icon.
Project Setup
To set up the project, follow these steps:

            1. Clone the repository:

              git clone https://github.com/your-username/rick-and-morty-app.git
       
           2. Navigate to the project directory:
              cd rick-and-morty-app
              3. Install the dependencies:
                 flutter pub get
              4. Run the project:
                 flutter run
                 File Overview
              1. Character List Screen
                 The CharacterListScreen is the main screen that displays a list of characters. It loads characters from a remote source and displays them in a grid view.
           
              2. Character Detail Screen
                 The CharacterDetailScreen shows detailed information about a selected character, including their name, status, species, gender, origin, and last known location. It also lists the episodes the character appears in.
           
              3. Landing ViewModel
                 The LandingViewModel manages the state of the current selected character and the navigation index.
              4. Search Screen 
                 Search for characters by name.
           
              5. Splash Screen
                 The SplashScreen is displayed when the app is first launched. It shows an animated logo and transitions to the main content after a short delay.
           
              6. App Logo
                 The app logo is defined in the pubspec.yaml file under flutter_launcher_icons. The logo is located in the assets/logo directory.
           
           Ensure the logo image is located at assets/logo/applogo.png.

##Screenshots

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 3 Screenshot 3
 Conclusion
   This README provides an overview of the project structure, dependencies, and setup instructions. Additionally, it outlines identified issues and their solutions, along with updated code snippets to improve the app's performance and user experience.
   
   For any further questions or contributions, feel free to open an issue or submit a pull request. Happy coding!

APK Download Download Rick And Morty APK

rick-and-morty's People

Contributors

aashayon 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.