Giter Club home page Giter Club logo

webapp-frontend's Introduction

Maintainability

Transcript Web App Front End Product Overview (in progress)

My Role

This was a solo project.

Project Description

This is the front end for the online port of my company's VB database, which is used for transcript production and workflow management. The VB database does everything from scheduling to automated shorthand to automated hyperlinking and document formatting, shipping, production, management of company financials, and other business operations. The back end was designed and created to support a front end that also does such things. Copyright 2020 Erica Ingram.

Key Planned Features

  • Live solo project
  • Integrates GTD principles into workflow
  • Generates 25 to 30 different documents automatically such as price quotes, invoices, cover pages, indexes, and others
  • Manages schedule and production workflow
  • Auto-imports electronic communication
  • Automatically hyperlinks authority within transcripts via CourtListener API
  • Manipulates PDFs to auto-generate bookmarks and create different transcript versions
  • Auto-creates and formats Word versions
  • Tracks communication and document history of each transcript order
  • Manages and plays audio and reporter notes
  • Integrated with Office, Acrobat, and WinSCP libraries and several APIs such as CourtListener, PayPal, OneNote, and others
  • speech recognition
  • More to come; check the Product Vision Document for more info!

Tech Stack

Front end will be deployed to Vercel and built using:

  • React: ReactJS is an open-source JavaScript library which is used for building user interfaces specifically. for single page applications. It's used for handling view layer for web and mobile apps. React also allows us to create reusable UI components.
  • Redux: predictable state container for JavaScript apps.
  • Styled Components: visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress.
  • TypeScript: a superset of JavaScript that compiles to clean JavaScript output.
  • Cypress: fast, easy and reliable testing for anything that runs in a browser.
  • Axios: promise-based HTTP client for both browser and node.js.

Available Scripts

npm start

API

  • CourtListener: assists in automation of authority hyperlinking.
  • Office: document creation, formatting, and management.
  • PayPal: payment processing and management.
  • Wunderlist: to-do list management.

Testing

Cypress testing will be completed in a future release.

Documentation

Component Plan

  • App
    • MenuBar/top
      • buttons (home, calculator, logout)
        • add inside out underline animation
        • estimate calculator should be modal
      • logo (fix responsive @ small screens)
    • caseBar/left
      • profileInfo
      • caseInfo
    • mainWindow/right
      • caseinfo
        • caseInfo
        • caseActions
      • courtdate
        • commHistory
        • courtdateInfo
        • tStatus
        • files
        • invoice
  • chat bot bottom right corner

Speech Recognition

There is also a working speech recognition component of the VB database (planned for a future release with this front end) that I have never used because I need something more robust than PocketSphinx; it will do things at the click of a button like record the audio in the proper format, complete the speech recognition, and auto-feed the engine audio & transcripts to make it more accurate. It formats court transcripts into an engine-readable format. A chunk of it was done using batch files, but comes out of VBA & starts from clicking an Access form button. What held me back in this process was I need to figure out a way to build a big dictionary against which to use it, and i can't use PocketSphinx for the engine because of the dictionary size need. Using the smaller version results in having to use too small a dictionary, which makes for a very inaccurate read due to the high level of vocabulary and varying people in any given court situation, generally speaking. But other than that, the process is solid.

Back End Resources

  • Postman docs contain examples of all get, post, and put endpoint body submissions AND responses.

webapp-frontend's People

Contributors

evoingram avatar

Stargazers

 avatar

Watchers

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