ReactJS

13 Projects

Objects/Actions

March, 2024 ~ Present
An open source tool for helping entrepreneurs document their projects, and scaffold their systems.
  • Implemented OpenAI agent to recommend content types, fields and relationships, return both reasoning and a structure JSON schema.
  • Wrote tools to parse Objects spreadsheet and auto-generate React forms, Django models, views, URLs, serializers, and Swagger documentation.
  • Wrote tools to parse Permissions spreadsheet and produce strict TypeScript definitions and robust access control functions.
  • Expanded demo Django server with AllAuth and Twilio SMS integration.
  • Created a ReactJS application to render navigation of entire schema with CRUD functionality conditional to configured permissions.
  • Developed a NodeJS fake data generator using the faker library to insert and update infinite rows of realistic data tailored to field types.
  • Authored a comprehensive Cypress.io test suite to automate end-to-end testing of all CRUD operations against the API.
  • Built a robust CI/CD pipeline with GitHub Actions to automate release tagging, changelog generation, and streamlined deployments to Cloud Run and Cloud Storage Bucket.

PickupMVP

April, 2022 ~ April, 2023
Play & reward yourself, your community, & all athletes in any sport. Available in the App Store & Google Play
  • Led team of 3 - UX designer, data scientist and data entry / annotators.
  • Designed and developed entire responsive React webapp for PickupMVP.com
  • Leveraged Flutter inappwebview with addJavaScriptHandler to provide native functionality like DeepLinks, Push Notifications, and connect to other installed applications for authentication.
  • Optimized Redux to share context across decoupled components with minimal redraws

Started: 2022-04-01

Launched/Lasted: 2023-04-01

Industries: Music, Sports, Events

Team: E.A.Taylor: Design, Front-End, Back-End, Business Development

Companies/Brands: TaylorMadeTraffic, Track Authority Music

TrackAuthorityMusic.com

November, 2024 ~ January, 2021
A platform for building gamified groups and applications with rewards for engagement
  • Led team of 3 - UX designer, data scientist and data entry / annotators.
  • Wrote abstract form builder to give Drupal CMS control of form layouts and fields based on CRUD operation.
  • Wrote Cypress.io Test Suite using TypeScript and NodeJS to generate unique end-to-end tests for each brand, across 3 device sizes, incorporating ffmpeg scripts to crop and repurpose recordings into site demo videos.
  • Built CI/CD pipeline to automate testing, committing, and deployments.
  • Designed and copy wrote entire application, icons and logo, sometimes in California, sometimes abroad.
  • Wrote Firebase Hosting functions to inject metadata and a canonical url for SEO previews of SPA pages.
  • Built Flutter webview wrapper with javascript handlers for native integrations around Deep Links, toggling SafeArea, navigating from Push Notifications and OAuth login from Google and Facebook app sessions. The codebase supports multiple branding and App IDs, configurable through .env variables.

Started: 2024-11-29

Launched/Lasted: 2021-01-01

Industries: Music, Events, Gaming

Team: E.A.Taylor: Design, Front-End, Back-End, Business Development

Companies/Brands: TaylorMadeTraffic, Track Authority Music

FWCanvass

November, 2023 ~ Present
Web App Dashboard for scheduling, dispatching and tracking campaigns
  • Developed real-time canvasser tracking interface with MapBox and ReactJS, synchronizing map pins/popups and sidebar elements for seamless navigation. Programmed filter operations to recenter map boundaries with dynamic debounce based on filter in use. Built map to render any combination of layers including points for canvassers, lines for routes, and polygons for coverage area.
  • Enhanced SASS implementation with mixins and reusable style patterns. Created modular components styled from a single classname styling, as well as composable utility classes to normalize spacing and typography while maintaining DRY principles and reducing CSS bloat.
  • Restructured Redux implementation to flattening deeply nested data structures, enabling targeted updates and reducing component render cycles across decoupled components.
  • Wrote responsive Data Grid component to render tables using Flexbox with hooks to customize any header or body cell's styles and click / hover events. Supported both client or server side sorting, pagination, and toggling visibility of any column. Wrote NodeJS script to preprocess API response schemas to ease client side table and list displays with custom property names and easier data aggregations baesd on data types (numeric, dates, enums).

Started: 2023-11-01

Industries: Analytics, Language, Marketing

Team: Alex Gibson: CTO. E.A.Taylor: FrontEnd Web Application

Companies/Brands: FieldWorks

Flexible Vision

May, 2018 ~ Present
A SASS platform for streamlining annotations and iterative computer vision training

AI Annotation Interface & APIs

  • Created several custom Node-Red modules for configuring cameras and communication with onprem tools and cloud APIs.
  • Implemented secure API endpoints for detecting motion using Structural Similarity and manipulating images by any of 19 OpenCV filters and all possible validated arguments.
  • Built entire front-end annotation tool with zooming, version controls, infinite tag nesting capabilities.
  • TypeScripted client-side demo builder to double as a unit testing for reloading randomized training tags and showcase functionality.
  • Introduce tools to calculate the range of tag type dimensions to help QA find tagging anomalies.
  • Wrote ExpressJS server for managing photo training data and augmented variations hosted on any storage system via Minio.

Workstation Guidance

  • Developed workstation guidance system for factories to configure assembly instructions with QA and computer vision assistance, including all Docker files to network and containerize full stack: Express, Mongo, Node-Red, React WebApp.
  • Wrote cookie & CSRF secured backend to store and validate both manager configurations, and worker assembly runs with great detail and security protocols.
  • Build React interface with modern Context implementation and MUI Styled components.
  • Built bi-directional persistent WebSocket connection for constant communication with Node-Red service and FlexibleVision as a whole.

Started: 2018-05-01

Industries: Technology, Analytics, Robotics, Manufacturing

Team: E.A.Taylor: Front-End & API. Sam Silverberg: Back-End. Alec Goeckel: Back-End. Aaron Silverberg: Product Development.

Companies/Brands: Flexible Assembly Systems, Refined Motion Engineering

Refined Motion at Tesla Motors

December, 2017 ~ April, 2018
Automating safety and efficiency along the Tesla assembly line
  • Used websockets for persistent connection between Fanuc Robots and Angular / Node-Red interface.
  • Wrote MySQL stored procedures to query required settings of each fastener and store results.
  • Structured offline-first interface to configure assembly-line jobs and control tools & machinery.
  • Created custom node-red modules for smoother synchronization with Fanuc robots.
  • Wrote tools to allowing management to configure and validate jobs manually, with or without needing the MySQL database.
  • Deployed Node-Red backend on Raspberry PI connected to Windows computer work station.
  • Built client-side performance tracker averaging the time to assemble one project in a job.
  • Wrote Station Service request tool to allow operators to order more parts or tool servicing.

Started: 2017-12-01

Launched/Lasted: 2018-04-01

Industries: Technology, Robotics, Manufacturing

Team: E.A.Taylor: Front-End, Back-End. Aaron Silverberg: Vice President. Saiman Shetty: Project Management

Companies/Brands: Tesla Motors, Flexible Assembly Systems, Refined Motion Engineering

Djmote

September, 2024 ~ December, 2024
  • Wrote responsive ReactJS web app with all client and API data structures defined in TS interfaces and types
  • Built Flutter webview wrapper with javascript handlers for native integrations around Deep Links, SafeArea, Push Notifications and OAuth login from Google and Facebook app sessions
  • Authored end-to-end tests with Cypress for all user roles against every form in the application.
  • Created React Context providers to share state and update triggers across decoupled components with minimal redraws

Started: 2024-09-01

Launched/Lasted: 2024-12-01

Industries: Marketing, Music, Events, LifeStyle

Team: E.A.Taylor: Full Stack. Imminent Victory: CEO. Zachary Ebel: CMO. Jake Chao: COO.

Companies/Brands: Djmote

Quiz Kit

May, 2024 ~ June, 2024
A tool to automate testing and comparing ChatGPT responses based on variations in prompts and configurations
  • Built tool to test performance of different OpenAI API use cases, by comparing Embeddings, Completions, and Assistants each with different prompt structures.
  • Created front end visualization table to filter and compare results.
  • Wrote python scripts to build PKL file of embeddings from data sets of product descriptions and metadata, provided as CSV, JSON, HTML or raw text.
  • Created result schema to map AI recommendations back to prompt speeds, configurations and embedded vector stores in order to fine tune results with confidence.

Started: 2024-05-02

Launched/Lasted: 2024-06-02

Industries: Technology

Team: Jonathan Osborn: QA. E.A.Taylor: Developer

Companies/Brands: TaylorMadeTraffic

Cosmo

March, 2021 ~ December, 2023
A cyber threat intelligence platform for threat and vulnerability analysis, investigations, testing, and mitigation
  • Designed advanced penetration tests in order to generate training data and formulate IoC Patterns based on signatures seen in logs.
  • Developed interface with a streamlined workflow to control ingestion, triage alerts and fine tune inference engine analysis. Forked from OpenCTI.
  • Implemented deduplication of Email data by maintaining checksum IDs on EML parts and it's whole.
  • Wrote Ingestion system to run log / email imports at any interval with encrypted authentication credentials, with configurations for pre-tagging data and controlling retention and shareability policies.
  • Drafted all system Data Flow Diagrams for both architectural documentation and patent application.
  • Configured Docker containers and managed end-to-end DevOps processes on GCP, including CI/CD pipeline automation for seamless deployment and scalability.
  • Built Puppeteer crawler to ingest client websites and learn URL patterns & HTML semantics for additional training data.

WBAT

April, 2020 ~ August, 2022
Safety reporting tools for the aviation industry. Available in the App Store & Google Play
  • Engineered mobile application with React Native, using React Navigation and Redux, to support preloading form schemas, queue form submissions, and manage system synchronization with and without an internet connection.
  • Flattened Redux data to enable selective updates, minimizing unnecessary renders and improving performance across loosely coupled components.
  • Built synchronous test suite for end-to-end API testing as any user.
  • Created sophisticated data reporting and visualization dashboard leveraging Google Chart API for real-time operational insights.

Started: 2020-04-01

Launched/Lasted: 2022-08-01

Industries: Safety, Analytics

Team: E.A.Taylor: Full Stack. Samanta Amna Khalil: UX, UI Design. Joseph Anderson: Cypher CEO. Arend van der Veen: CTO. Sean Kanaley: Back-end. Kamron Githens: Account Management. Chasity Robinsons: Quality Assurance. Johanna Hawkins: Project Management.

Companies/Brands: Cypher LLC, UTRS

DemocraSee

November, 2020 ~ May, 2021
An evolving idea around incentivizing civic action
  • Combined ReactJS, Redux, WebRTC and Firebase for screen/video/mic sharing between multiple devices.
  • Created safe WYSIWYG HTML editor using DraftJS to allow Meeting hosts to build rich, interactive agendas and timelines.
  • Wrote Firebase integration with FireStore, Cloud Storage, and Functions for securing endpoints based on earned Citizen Coin credit.
  • Used Redux to track meeting time with agenda presentation screens, alongside camera and screen sharing from multiple peers.
  • Included FireCMS to provided OAuth login and administrative CMS tools.
  • Setup TURN server on GCP for peer-to-peer connectivity using WebRTC.

Started: 2020-11-01

Launched/Lasted: 2021-05-31

Industries: Events, Education, E-learning

Team: E.A.Taylor: Front-End, Back-End. Polina Tolkacheva: UX, Design, Wordpress development. Indy Rishi Singh: Business Development. Marcela Denniston: Business Development

Companies/Brands: Democrasee

Ruhral Farms

January, 2020 ~ January, 2020
Collaborative Workspaces
  • Built interactive incubator application for making cooperative investments with Hawaii youth: https://ruhralfarms.com/red-dirt-coworkers

Started: 2020-01-01

Launched/Lasted: 2020-01-06

Industries: Travel, Health, Education, Technology

Team: E.A.Taylor: Front-End, Back-End. Samanta Amna Khalil: UX Design and Product Development

Companies/Brands: Ruhral Farms LLC

Ampp Star

September, 2017 ~ February, 2018
Art, Music, Poetry, & Photography
  • Built React.js application with Keystone.js CMS, MongoDB database and Express server.
  • Connected Express API on Heroku with S3 bucket for user file storage
  • Connected Mailgun and Nodemail services within application and Heroku control panels for automated emails

Started: 2017-09-01

Launched/Lasted: 2018-02-01

Industries: Music, Art

Team: E.A.Taylor: Front-End, Back-End. Jahanzaib Aslam: Front-End, Back-End. Garrett Morris: Front-End, Back-End. Bisera Mandic: Owner

Companies/Brands: Ampp Star