Stefan's Demonstration Projects

1. A pair of websites for managing file uploads of CSV files. The front-end is a React web site, that has a login button on the Navbar that brings up a Modal that includes Account Registration. The back-end is a Python/Django web site that handles the REST API and account management. After an account registration form is filled on the back-end, an email is sent with a link to activate the account.
   CSV Manager
   CSV Backend
2. A React application which demonstrates some options of my NPM module d3QuickGraph. I plan to add more features to this React application, but I believe that it has sufficient features for demonstration purposes. Click the Gear Icon to change graph display options. Click the Info Icon to open ESDOCS in a new tab.
   D3QuickGraph
3. The React App we developed at Tremor Video to preview our projects. Clicking on the “Find A Store” banner opens the component that allows you to enter a custom zip code (click the magnifying glass to load data for that zip code).
   Find A Store
4. An Express Server API with a SQLite database and websockets backend, and a React front-end using React Hooks. The Express Server uses express-validator middleware for the API, and sanitize-html middleware for the sockets. Sample messages are humorous quotes from ABC's hit show "Desperate Housewives".
   React Chat App
5. An extensive set of Mocha tests for JavaScript functions. I started off with a fork of the Mochawesome and Mochaweome-Reporter projects, and then dug into the internals of these projects and added more features. After I added the new features I needed, I wrote a couple hundred test suites in Mocha/Chai.
   Mocha Test Suite
6. My presentation at the ForwardJS JavaScript conference in San Francisco last February. The interactive video advertisement for Burberry is shown in slide 4. After the video loads, click "Click to Explore", then click on of the sliding sets of fashion models to see the clothes. Clicking an item adds it to your cart on Burberry.
   ForwardJS Conference Presentation
7. My now-dated blogging web site has some nice JavaScript graphics with animations of some key Computer Science algorithms:
   • 3D Merge Sort Animation
   • Heap Animation
   • Bread First Search Animation
8. A Node backend for playing the game battleship. The project emphasisizes a well-crafted object-oriented design for Ships, Tiles, Board, Moves, and Game, as well as extensive unit tests and thorough web-based documentation.
   Battleship
9. An interactive graphics framework I developed using React, Redux, and CreateJS
   Canvas-Redux
10. An Express Server API and React Order Form. An actual mini web site I made for my softball team to order sandwiches for the softball games. From the “Users” drop-down box, choose “Fan #1” and enter “1” for the password. Choose your sandwich items then click “Submit” to save your order to the server.
    Express-React Order Form
11. A feature added to the MapBox API that displays cross-hairs when zooming a map using the mousewheel.
    Mapbox with Zoom Cross-Hairs