Git Product home page Git Product logo

vocalvocab's Introduction

VocalVocab

Table of Contents

  1. Overview
  2. Product Spec
  3. Wireframes
  4. Schema

Overview

Warning: Only Works on IOS 16.4 and below, IOS 17.0 currently has a bug with the TTS system

Description

VocalVocab is the interactive way to master spelling and expand your vocabulary! Designed for learners of all levels, VocalVocab transforms your mobile device into a personal spelling tutor. Whether you're studying for a spelling bee, learning a second language, or just brushing up on your word skills, VocalVocab offers a unique and engaging educational experience.

App Evaluation

  • Category: Education
  • Mobile: Uses Audio, Real-Time, Notifications(maybe)
  • Story: Learners, Competitive Spellers. Allows users to improve the spelling of words that they hear. Users might find this application engaging if they are interested in self-improvement, education, or language mastery
  • Market: Educational Institutions, Individual Learners, Global Non-English Speakers (more languages can potentially be added)
  • Habit: Daily Practices, Progress Tracking. Can track the user's progress. Users can open this application daily to improve their language skills. The average user consumes the content.
  • Scope: It may be challenging to build a perfect version of this app. It would still be interesting to build a stripped-down version of this app.

Product Spec

1. User Stories (Required and Optional)

Required Must-have Stories

  • User can hear the given word
  • User can hear the description of the given word
  • User can adjust how many letters they want the word to be
  • User can see which words they have answered previously
  • User can retry the word if they get it wrong
  • User can delete a word from correct answers by swiping left

Optional Nice-to-have Stories

  • User gets 3 tries to get the spelling correctly
  • User can see their streak of correct answers
  • User can change the speed of the playback audio

2. Screen Archetypes

  • Play Screen
  • Press play to listen to the word
  • Press play to listen to the description of the word
  • Replay Screen
  • Users can retry the word if they get it wrong
  • User gets notified if they get it wrong and can try as many times as they wish
  • Settings Screen
  • Users can adjust how many letters they want the word to be
  • Completed Screen
  • User can see which words they have answered correctly

3. Navigation

Tab Navigation (Tab to Screen)

  • Home Screen
  • Settings Screen
  • Completed Screen

Flow Navigation (Screen to Screen)

  • Play Screen
  • => Completed
  • Replay Screen
  • => Play Screen or
  • => None
  • Completed Screen
  • => Home
  • Settings
  • => None

Wireframes

IMG_F70FFFBC0C99-1

[BONUS] Digital Wireframes & Mockups

[BONUS] Interactive Prototype

Simulator Screen Recording - iPhone 13 Pro Test - 2023-11-17 at 20 18 04

Schema

Models

WordClass

Property Type Description
word String The word itself
nounDefinition String? The definition of the word when used as a noun
verbDefinition String? The definition of the word when used as a verb
  • WordClass: Represents a word with its possible noun and verb definitions.
  • WordDataModel: Collection of WordClass instances, including saving and loading from UserDefaults.

Networking

Word & Definition Fetching

  • (GET) Query Word
    func fetchWords(completion: @escaping ([String]) -> Void) {
        let randomWordsURL = URL(string: "https://random-word-api.herokuapp.com/word?length=\(wordLength)")!
    }
  • (GET) Query Word Definition
    func fetchDefinitions(for word: String, completion: @escaping (WordClass, Bool) -> Void) {
         let definitionURLString = "https://api.dictionaryapi.dev/api/v2/entries/en/\(word)"
    }

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.