Code Monkey home page Code Monkey logo

read_and_learn_app's Introduction

๐Ÿ“– Read and Learn

Developed by SnoopyCodeX Github Release Github Star Github Fork License

A mobile app made with flutter, this app is made to teach and guide children on how to read. This app can compute their wpm(words per minute) and the accuracy of their reading.

๐Ÿ’ป Technologies Used

Flutter Firebase NodeJS NPM ExpressJS Heroku

  • Firebase Database
  • Flutter
  • NodeJS
  • NPM
  • Express
  • Heroku
  • Rev AI

This app uses a third-party API(Application Programming Interface) named, Rev.ai to transcribe an audio file, link to the repo is this: NodeJs + Express REST API.

๐Ÿ”ฅ Features

โšก Admin Panel โšก Teacher Panel โšก Parent Panel
โœ… Manage Classrooms โœ… Manage Classrooms โœ… Join/Leave Classroom
โœ… Manage Admins โœ… Manage Stories โœ… Manage User Progress
โœ… Manage Stories โœ… Manage Members โœ… Manage Account
โœ… Manage Teachers โœ… Manage Account
โœ… Manage Parents
โœ… View Certificate holders
โœ… Manage Account

๐Ÿ”ฅ Main Features

  • โœ… Compute reader's WPM(Words per minute)
  • โœ… Generate certificate from the app
  • โœ… Analyze reader's accuracy
  • โœ… Demonstration of the word's pronounciation when the word is clicked

โš ๏ธ Notice

  • โœ… This app heavily relies on android devices' Microphone to record the audio and is a very crucial requirement for this app to run properly.
  • โœ… This app currently does not support Offline Mode.

๐Ÿ“ท Screenshots

๐Ÿšช Welcome Panel

Home Panel Login Panel Register Panel
s1 s5 s6

๐Ÿšช Admin Panel

Admins List Teachers List Parents List
s1 s5 s6
Stories List Certificates List Settings List
s4 s3 s2
Logout Screen
s8

๐Ÿšช Teacher Panel

Classes Create Class Classes
s1 s2 s3
Stories Pending Members Active Members
s4 s5 s6
Settings Settings Settings
s7 s8 s9

๐Ÿšช Parent Panel

Classes Settings Settings
s1 s2 s2
Settings Join Class Stories
s4 s5 s6
Certificate Active Members Story Content
s7 s8 s9
Locked Story Locked Certificate No Stories
s10 s11 s12
Delete Account Logout
s13 s14

๐Ÿ“š Database Structure

Database Structure

๐Ÿ”จ Setup

  • First, create a new project in Firebase Console.
  • Download google-services.json and put it in android/app/ folder.

๐Ÿ”’ Authentication

  • Go to Authentication tab of your firebase.
  • Click Sign-in Method tab.
  • Click Add new provider.
  • Enable Google. Enable Googlle

๐Ÿ”’ Setup Hashes

  • Go to Project Settings.
  • Scroll down to App Settings and select your Support Account Support Account
  • Scroll down and add your app's sha-1 and sha-256 hashes. App Hashes

๐Ÿ”’ Firestore Database

  • Go to Firestore Database tab of your firebase.
  • Go to Rules tab
  • Add the following rules into your own. Rules
  • Next, go to Indexes tab.
  • Then create the following indexes. Indexes

๐Ÿ’ป Compiling Application

  • Open terminal and execute:
# Downloads the dependencies
flutter packages get

# Run in debugging mode
flutter run --debug

# Run in release mode
flutter run --release

๐Ÿ’ป Building Application

  • Open terminal and execute:
# Generates an .apk file
flutter build apk

๐Ÿ“‹ License

   Copyright 2021 SnoopyCodeX

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.

Made with โค๏ธ by SnoopyCodeX ๐Ÿ’ป

read_and_learn_app's People

Contributors

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