Code Monkey home page Code Monkey logo

rick_and_morty_api's Introduction

Rick and Morty - API

Flutter's application about the show, Rick and Morty; the application has 2 core views, characters, and episodes of the television show. We work using the API The Rick and Morty API; using clean architecture, state management with Bloc State, and automatic code generation using libraries such as Freezed and Json Serializable

Getting Started


SDK Version

~ % flutter --version
Flutter 3.10.5 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 796c8ef792 (8 weeks ago) • 2023-06-13 15:51:02 -0700
Engine • revision 45f6e00911
ToolsDart 3.0.5DevTools 2.23.1

~ % flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.10.5, on macOS 13.5 22G74 darwin-arm64, locale en-US)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 14.3.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2022.2)
[✓] VS Code (version 1.81.0)
[✓] Connected device (3 available)
[✓] Network resources

• No issues found!

How to Use

Step 1: 🧑🏻‍💻

  • Download or clone this repo by using the link below:
[email protected]:jorgecasanovadev/rick_and_morty_api.git
https://github.com/jorgecasanovadev/rick_and_morty_api.git

Step 2: 🤓

  • Go to the project root and execute the following command in the console to get the required dependencies:
flutter clean
flutter pub get 

Step 3: 🧙🏼‍♂️

  • This project works with code generation, execute the following command to generate files:
flutter packages pub run build_runner build --delete-conflicting-outputs

Libraries & Tools Used


Screenshot Screens

Home Screen

home-screen

  • This is the first screen inside of the app.
  • Redirected to Characters-Screen and Episodes-Screen.
ui/
|- modules/
   |- home/
      |- home_screen.dart






Character Screen

characters-screen

  • The characters screen shows a list of the characters of the tv-show.
  • Search field to search for a specific character.
  • Each character card redirects to a full info view screen of the same character.
ui/
|- modules/
   |- characters/
      |- bloc/
         |- character_bloc.dart
         |- character_event.dart
         |- character_state.dart
      |- model/
         |- character_model.dart
      |- views/
         |- character_card.dart
         |- character_view.dart
      |- characters_screen.dart

Episodes Screen

episodes-screen

  • The episodes screen shows a list of the episodes of the tv-show. (Available to the Second Season)
  • Each episode card redirects to a full info view of the same character. ("Coming soon")
ui/
|- modules/
   |- episodes/
      |- bloc/
         |- episode_bloc.dart
         |- episode_event.dart
         |- episode_state.dart
      |- model/
         |- episode_model.dart
      |- views/
         |- episode_card.dart
      |- characters_screen.dart


Getting started with Flutter

This project is a starting point for a Flutter application. A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter development, view the online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

rick_and_morty_api's People

Contributors

jorgecasanovadev avatar

Stargazers

 avatar

Watchers

Kostas Georgiou avatar  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.