Software of Application using Dart, Flutter, Kotlin,Swift,Objective-C, and NodeJS

Overview

TouchMe-MobileApp-Dart-And-Flutter

Description

Software of Application using Dart, Flutter and Kotlin.

alt text

Installation

Using Dart 2.13.1, Flutter 2.2.1, etc preferably.

API

The Rick and Morty API https://rickandmortyapi.com/api. alt text

Usage

$ git clone https://github.com/DanielArturoAlejoAlvarez/TouchMe-MobileApp-Dart-And-Flutter.git [NAME APP] $

Follow the following steps and you're good to go! Important:

alt text

Frontend

App

[ Padding( padding: const EdgeInsets.all(12.0), child: Text( "${usersData[index]["id"]}", style: TextStyle( fontSize: 20.0, fontWeight: FontWeight.w500), ), ), CircleAvatar( backgroundImage: NetworkImage(usersData[index]["image"]), ), Align( alignment: Alignment.centerRight, child: Padding( padding: const EdgeInsets.all(12.0), child: Text( "${usersData[index]["name"]} ${usersData[index]["species"]}", style: TextStyle( fontSize: 20.0, fontWeight: FontWeight.w900, color: Colors.black45), ), ), ) ], ), ), ) ], ); }, ), ), ], ), ); } } ... ">
...
void main(List<String> args) {
  runApp(MaterialApp(
    home: HomePage(),
  ));
}

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  List usersData = [];
  String uri = 'https://rickandmortyapi.com/api/character?page=1';

  getUsersRickAndMortyAPI() async {
    Map data;

    http.Response res = await http.get(Uri.parse(uri));
    //debugPrint(res.body);

    data = json.decode(res.body);

    setState(() {
      usersData = data['results'];
    });
  }

  @override
  void initState() {
    super.initState();
    getUsersRickAndMortyAPI();
  }

  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Rick and Morty'),
        backgroundColor: Colors.indigo[900],
      ),
      body: Column(
        children: <Widget>[
          Padding(
            padding: const EdgeInsets.all(12.0),
            child: Align(
              alignment: Alignment.topCenter,
              child: Padding(
                padding: const EdgeInsets.all(8.0),
                child: Text(
                  "At first glance, Rick and Morty looks like just another animated situational family comedy, like Family Guy or The Simpsons. Theoretically, that's true. When sociopathic scientist and estranged grandfather Rick returns to his daughter Beth’s life, he brings with him all sorts of family drama. Watching Beth's family of four navigate life with their self-centered, cynical, and narcissistic grandfather is, indeed, often very funny. In a sea of sad quotes on the internet, Rick and Morty quotes are the hilariously sardonic lines you need to buoy your dark heart.",
                  style: TextStyle(
                    fontSize: 20.0,
                  ),
                ),
              ),
            ),
          ),
          Expanded(
            child: ListView.builder(
              itemCount: usersData.length,
              itemBuilder: (BuildContext context, int index) {
                return Wrap(
                  children: [
                    Card(
                      child: Padding(
                        padding: const EdgeInsets.all(12.0),
                        child: Row(
                          children: <Widget>[
                            Padding(
                              padding: const EdgeInsets.all(12.0),
                              child: Text(
                                "${usersData[index]["id"]}",
                                style: TextStyle(
                                    fontSize: 20.0,
                                    fontWeight: FontWeight.w500),
                              ),
                            ),
                            CircleAvatar(
                              backgroundImage:
                                  NetworkImage(usersData[index]["image"]),
                            ),
                            Align(
                              alignment: Alignment.centerRight,
                              child: Padding(
                                padding: const EdgeInsets.all(12.0),
                                child: Text(
                                  "${usersData[index]["name"]} ${usersData[index]["species"]}",
                                  style: TextStyle(
                                      fontSize: 20.0,
                                      fontWeight: FontWeight.w900,
                                      color: Colors.black45),
                                ),
                              ),
                            )
                          ],
                        ),
                      ),
                    )
                  ],
                );
              },
            ),
          ),
        ],
      ),
    );
  }
}
...

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/DanielArturoAlejoAlvarez/TouchMe-MobileApp-Dart-And-Flutter. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.

License

The gem is available as open source under the terms of the MIT License.


You might also like...

This is application using Flutter for develop a trello application

flutter_desktop_trello A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you s

Aug 16, 2022

Developed a Group chat application using Flutter and Firebase, where users can register and create groups or join already existing groups and start conversing with each other.

Developed a Group chat application using Flutter and Firebase, where users can register and create groups or join already existing groups and start conversing with each other.

GroupChatApp About Developed a Group chat application using Flutter and Firebase, where users can register and create groups or join already existing

Dec 1, 2022

Using weather application and get weather information daily and daily

Using weather application and get weather information daily and daily

Aris Weather Getting Started $ git clone https://github.com/ariscybertech/aris_weather.git $ flutter packages get Run the application and enjoy 🎉 ☺️

Jan 17, 2022

The application helps the patient to follow up on medication schedules, and each patient has his own profile. The application is connected to Bluetooth to help the patient's dependents follow up on the patient.

spoon_medicines A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you star

Nov 27, 2021

Task List application developed in Dart language with SDK Flutter for Android, iOS and Web

Task List application developed in Dart language with SDK Flutter for Android, iOS and Web

Task List application developed in Dart language with SDK (Software Development Kit) Flutter for Android, iOS and Web.

Jun 2, 2022

A discord bot, made with Dart, which lets you run your own pure Dart code snippets directly via a discord ping, and get the output in an instant.

A discord bot, made with Dart, which lets you run your own pure Dart code snippets directly via a discord ping, and get the output in an instant.

A discord bot, made with Dart, which lets you run your own pure Dart code snippets directly via a discord ping, and get the output in an instant.

Oct 21, 2022

A unique flutter application aimed at helping people getting their vitals using Photoplethysmography and Computer Vision

A unique flutter application aimed at helping people getting their vitals using Photoplethysmography and Computer Vision

A unique flutter application aimed at helping people getting their vitals using Photoplethysmography and Computer Vision Current Goals: Use the camera

Dec 27, 2022

Flutter Web application having splash screen and providing Web view Using web view packege.

Flutter Web application having splash screen and providing Web view Using web view packege.

Webview with Splash Screen in Flutter Flutter Web View With Splash Screen. Subscribe Our YouTube Channel. Visit Website Demo OutPut 🔗 Links Getting S

Dec 7, 2021

Number trivia Android and ios application using flutter clean architecture

demo_project A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

Jun 9, 2022
Owner
Daniel Arturo Alejo Alvarez
Software Developer
Daniel Arturo Alejo Alvarez
A Flutter musical app built with nodejs and firebase.

Bungee A Flutter musical app built with nodejs and firebase. Description Bungee is the first music app build with Flutter. With a nice interface you c

Open Consulting Group 259 Jan 1, 2023
a software to connect you and your friends and others, are you guys also just tensed over the overuse of social media so we have a solution, appx (name not decided yet)

appx a software to connect you and your friends and others, are you guys also just tensed over the overuse of social media so we have a solution, appx

null 8 Jun 9, 2022
a software to connect you and your friends and others, are you guys also just tensed over the overuse of social media so we have a solution, sociio

APPX A software that will allow you to connect with your friends and family ! Are you guys also tensed over the over-use of social media ?? We have a

null 8 Jun 9, 2022
Memo is an open-source, programming-oriented spaced repetition software (SRS) written in Flutter.

English | Portuguese Memo Monorepo for Memo. Memo is an open-source, programming-oriented spaced repetition software (SRS) written in Flutter. As of n

Olympus 1.7k Dec 30, 2022
GChat is a chatting application developed using Flutter(Dart) and firebase for 2 users. Trying to Develop an application that does not sell your data with whatsapp rolling out its privacy policy updates.

Gchat - The Chatting Application A Flutter project for chatting. I used Android Studio and you can you any editor of your choice for ex: VS Code, Inte

Sanchaksh Kaul 6 Nov 6, 2022
A API integrated 5 day weather forecast and prediction application created using flutter framework and Dart language.

A API integrated 5 day weather forecast and prediction application created using flutter framework and Dart language. This API used here is OPEN WEATHER API, which specializes in predicting the weather of any city in this world.

Nitin Verma 0 Dec 26, 2021
Chat-application - Build Chat Application using Flutter and Firebase

Build Chat Application using Flutter & Firebase Source Code - Enjoy ! Social Med

Muhammad Irvan 0 Jan 3, 2022
🚀 Full-Stack Flutter application, encoded using Dart. Utilizes native device features 📷 and stores user data on a local SQFLite database. ✔

great_places_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Soumyadeep Das 2 Jan 24, 2022
Development of a simple mobile application to perform mathematical operations, using DART and FLUTTER

Desenvolvimento de uma aplicação mobile simples para realizar operações matemáticas, usando DART e FLUTTER.

Bruno Silva 2 Jan 20, 2022
Weather-application - A weather application based on dart programming language

weather based mobile app A new Flutter project with dart programmingg language S

Munem Sarker 5 Nov 13, 2022