Code Monkey home page Code Monkey logo

chat-app-with-flutter-dart-frog-and-websockets's Introduction

Chat App with Flutter, Dart Frog and WebSockets

Welcome to the Chat App with Flutter, Dart Frog and WebSocket project! This project aims to fully-functioning full-stack chat application with Flutter and Dart. The app uses a Dart Frog server, with a REST API and a WebSocket setup to handle the communication between the client and the database.

If you're looking for a more complete Chat App template:

Features

  1. Splash Screen: First page of the application with a smooth animation (from lottie)
  2. Login Screen: Login and register feature with Supabase Auth. It uses two auth provider: email & password and phone with OTP.
  3. Chat Room List Screen: Central hub to see all the contacts and the chat room available for the currently logged in user.
  4. Chat Room Screen: Displays all the messages in a chat room and enables the user to send more messages.

App Screenshots:

Intro Login Chat Room Listing
Splash Screen Login Screen Chat Room List Screen
Chat Room
Chat Room Screen

Getting Started

To get started with the project, ensure you have Dart, Flutter and the dart_frog CLI set up on your local machine.

  1. Navigate to Project Directory:

    cd <project name>
  2. Install Dependencies:

    flutter pub get
  3. Start the Dart Frog server locally:

    cd <project name>/api
    # Install the dart_frog cli from pub.dev
    dart pub global activate dart_frog_cli
    # Start the server on localhost
    dart_frog dev
  4. Run the App:

    flutter run

chat-app-with-flutter-dart-frog-and-websockets's People

Contributors

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