๐Ÿ’™ Google Classroom Clone using Flutter, GCP

Overview

Dart Flutter Cover

Introduction ๐Ÿš€

Classroom is a Google Classroom clone built using ๐Ÿ’™ Flutter.

Before we start, you can take a look at the app:

Output sample

Screenshots ๐Ÿ—ป

Output sampleOutput sampleOutput sampleOutput sampleOutput sampleOutput sampleOutput sampleOutput sampleOutput sampleOutput sample

Key Features ๐Ÿ”‘

  • Login/SignUp.
  • CRUD Course.
  • Join Course.
  • Invite students to Course.
  • Add/Remove students from Course.
  • Upload/Submit assignments, tests.
  • Calendar view.
  • Video Conference (Online Class).

How To Use ๐Ÿงพ

To clone and run this application, you'll need Git and Flutter installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/Shadow60539/flutter_classroom.git

# Go into the repository
$ cd flutter_classroom

# Install dependencies
$ flutter packages get

# Run the app
$ flutter run

Packages ๐Ÿ“ฆ

Some very good packages are used in the project.

Below are the information about these packages.

PACKAGE INFO
cached_network_image Caching Network Images
flutter_bloc Bloc Pattern
lottie Lottie files animations
google_fonts Google fonts
freezed Code generation for immutable classes
lint Rules handler for Dart
build_runner Build Custom Models

Directory Structure ๐Ÿฆด

The project directory structure is as follows:

โ”œโ”€โ”€ android
โ”œโ”€โ”€ asset
โ”œโ”€โ”€ build
โ”œโ”€โ”€ images
โ”œโ”€โ”€ ios
โ”œโ”€โ”€ lib
โ”œโ”€โ”€ pubspec.lock
โ”œโ”€โ”€ pubspec.yaml

Let me explain the other directories besides lib:

DIRECTORY INFO
images readme images files
asset images and lottie files

Then the lib directory

lib

DIRECTORY INFO
core Global Classes
infrastructure Fetching data from backend
domain Converting raw json data into models -DTOs
application State Management
presentation UI
You might also like...

Flutter Login interface using basic widgets such as Row, Column

Flutter Login interface using basic widgets such as Row, Column

Login UI - Flutter Descriรงรฃo do Projeto ๐Ÿ“ณ Interface de login utilizando widgets

Oct 25, 2022

Set of basic geometric animations using Flutter available as Android App gallery

 Set of basic geometric animations using Flutter available as Android App gallery

#ui, #animations, #geometry, #flutter aria Set of basic geometric animations usi

Nov 27, 2022

IntroAnimationSlider - A simple Flutte Animation Introduction for Mobile app easy to implement Using intro Views flutter

introappanimation simple Flutte Animation Introduction for Mobile app easy to im

Sep 22, 2022

A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file.

image_sequence_animator A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file. If you have a G

Jan 5, 2023

SwiftUI - Examples projects using SwiftUI released by WWDC2019. Include Layout, UI, Animations, Gestures, Draw and Data.

SwiftUI - Examples projects using SwiftUI released by WWDC2019. Include Layout, UI, Animations, Gestures, Draw and Data.

SwiftUI Examples About Examples projects using SwiftUI & Combine. Include Layout, UI, Animations, Gestures, Draw and Data. See projects files in Files

Jan 8, 2023

๐Ÿ”” A flutter package to create cool and beautiful text animations. [Flutter Favorite Package]

๐Ÿ””  A flutter package to create cool and beautiful text animations. [Flutter Favorite Package]

Animated Text Kit A flutter package which contains a collection of some cool and awesome text animations. Recommended package for text animations in C

Jan 6, 2023

This repository demonstrates use of various widgets in flutter and tricks to create beautiful UI elements in flutter for Android and IOS

This repository demonstrates use of various widgets in flutter and tricks to create beautiful UI elements in flutter for Android and IOS

AwesomeFlutterUI The purpose of this repository is to demonstrate the use of different widgets and tricks in flutter and how to use them in your proje

Nov 13, 2022

This is a Flutter URL preview plugin for Flutter that previews the content of a URL

This is a Flutter URL preview plugin for Flutter that previews the content of a URL

flutter_link_preview This is a URL preview plugin that previews the content of a URL Language: English | ไธญๆ–‡็ฎ€ไฝ“ Special feature Use multi-processing to

Nov 2, 2022

Flutter liquid swipe - Liquid Swipe Animation Built With Flutter

Flutter liquid swipe - Liquid Swipe Animation Built With Flutter

Flutter Liquid Swipe liquid Swipe animation is amazing and its Created for iOS P

Dec 1, 2022
Owner
Sanjeev Madhav
Flutter Developer
Sanjeev Madhav
A fresh and modern Google Contacts manager that integrates with GitHub and Twitter.

Flokk A fresh and modern Google Contacts manager that integrates with GitHub and Twitter. Demo Builds Web: https://flokk.app Linux: https://snapcraft.

gskinner team 1.3k Jan 3, 2023
High-level interfaces to Google Cloud Platform APIs

Google Cloud Platform support package (gcloud) The gcloud package provides a high level "idiomatic Dart" interface to some of the most widely used Goo

Dart 89 Dec 13, 2022
Animated Menu in Flutter using radial.

Animated_radial_Menu_in_Flutter Animated Menu in Flutter using radial. Getting Started This project is a starting point for a Flutter application. A f

Habib ullah 4 Jul 18, 2022
A Flutter Log In Page using Flare Animations

Bear_log_in An example built using JCToon's Flare File as a custom UI component. Bear will follow the cursor as you type or move it around. Overview T

Apurv Jha 14 Oct 19, 2022
A Flutter plugin to create views using concentric transition effect.

Concentric Transition A Flutter plugin to create views using Concentric Transition Clipper. Useful for onboarding, page transitions, custom clippers,

Vladyslav Korniienko 202 Jan 7, 2023
A set of transition patterns within the animations package using flutter.

Flutter Motion Transitions A fultter app to demonstrate Material motion system. Material Motion System The four main Material transition patterns are

Rafsan Ahmad 17 Oct 13, 2022
A Movie App Using With Flutter And TMDB

flutter_movie_app TMDB API๋ฅผ ๊ฐ€์ ธ์™€ ์˜ํ™” ์˜ˆ์•ฝ App์ž…๋‹ˆ๋‹ค. ์ด ์•ฑ์—์„œ๋Š” ํ˜„์žฌ ์ƒ์˜์ค‘(Now Plaing)์ธ ๋ฆฌ์ŠคํŠธ๋งŒ ๋ถˆ๋Ÿฌ์™”์Šต๋‹ˆ๋‹ค. ํ…Œ๋ธ”๋ฆฟ ๊ธฐ๋ฐ˜์œผ๋กœ ๋งŒ๋“ค์—ˆ๊ธฐ ๋•Œ๋ฌธ์— AVD ๋˜๋Š” ์ผ๋ฐ˜ ํ•ธ๋“œํฐ์—์„œ๋Š” UI๊ฐ€ ๋ฐ€๋ฆฌ๊ฑฐ๋‚˜ ๊นจ์งˆ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Main Scree

null 0 Nov 24, 2021
A Stepper Widget in Flutter using GetX

Stepper Flutter GetX Donate If you found this project helpful or you learned something from the source code and want to thank me, consider buying me a

Ripples Code 0 Nov 27, 2021
Load and get full control of your Rive files in a Flutter project using this library.

โš ๏ธ Please migrate to the new Rive Flutter runtime. This runtime is for the old Rive (formerly Flare) and will only receive updates for breaking issues

2D, Inc 2.6k Dec 31, 2022
Animated Tesla App Conect using Flutter

Animated Tesla App Conect using Flutter Watch it on YouTube Packages we are using: flutter_svg: link This video is for those who want to master Flutte

Abu Anwar 171 Dec 28, 2022