Code Monkey home page Code Monkey logo

hrext07-my-cruddy-app's Introduction

hrext07-my-cruddy-app

Create Read Update and Delete framework using JS

Daily goals - 2/11 // add new student button // create new view for all lessons/student // add delete/confirm-cancel buttons // add update/confirm-cancel button

// ADDRESS ITEMS // month must be given in 3

Task

This CRUD app will allow teachers to take detailed notes on their students during their lesson.

Basic Reqs

  • Where to store data? (localStorage)
  • How to capute data? - input will be gathered primarily in button/dropdown format - 2/11 - decided to use text input for MVP model - text box only when necessary (add student or lesson category)
  • How to modify data? (buttons, dropdown) (2 hours expected)
    • dropdown nixed in favor or button list (2/11)
  • How to view data? - current lesson in visible, sculpted UI container - previous 5 lessons in string formatting at bottom of page - 2/11 - decided to add view for all lessons
  • UI/UX considerations - must be minimalist, but highly customizable - TWO CLICKS per lesson segment)

Advanced Reqs

  • Hold student picture
  • Modify default categories/values per student
  • All categories dropdown
  • Suggested category buttons
  • Side by side view of lesson notes

Reach

  • scale tracker, export to visualization of scale progress using Barber model
  • attendance records visualization (c3?)
  • trends
  • warning for negative trends in attendance, practice habits
  • teacher assignment sheet (links to recordings, iTunes, YouTube, metronome suggestions)
  • export to email, to send to practice partners
  • teacher calendar, Apple and Google API integration

add student name as keys - student picture - parent names

hrext07-my-cruddy-app's People

Contributors

iangsalmon avatar meatpawcreations avatar

Watchers

James Cloos 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.