Example Tech

This is a list of a few of the small apps I've created over the years to learn and demonstrate usage of different forms of tech I like to work with. Most of the below is written in JavaScript (backends in Node)

Disclaimer: Some of these are older apps, since I mainly look forward to new tech. 🤓 If you don't find an example of what you're looking for in one, it's likely implemented in another! Some are deployed, while others are not.

• Front End
  • React SSR (Server Side Rendered)
  • React Context
  • Gatsby with Headless Wordpress
  • Vue with Vuetify
  • React Native
  • Vanilla Functional React
  • Tailwind CSS
• Back End
  • GraphQL Server
  • Node Scripting (Command-line executable)
  • Serverless Function (AWS Lambda)
• Other (Full Stack)
  • Artificial Intelligence (Facial Tracking)
  • TDD (Test Driven Development)
  • JS Classes (Roomba implementation)

Table of contents generated with markdown-toc

---

Front End

React SSR (Server Side Rendered)

A simple Isomorphic React App

• Deployed github.com/wallacepreston/react-seo-demo
• Git Repo react-seo-demo-ssr

React Context

An example of React's context api in use on a todos app.

• Deployed todos-context.netlify.app
• Git Repo todos-context

Gatsby with Headless Wordpress

Frontend employs Gatsby, a static site generator. Uses GraphQL to query the API. Backend is a simple Headless Wordpress, serving up data via GraphQL

• Deployed cdroc.org
• Git Repo cdroc-front
• Tech:

Vue with Vuetify

A frontend-only Vue app that uses Vuetify styled components for styling

• Deployed re-cashflow
• Git Repo cashflow-vue

React Native

Overly-simplified example of Native app using React Native

• Deployed (none)
• Git Repo doglistreactnative

Vanilla Functional React

While I have other React applications, this is an extremely simple implementation using functional components and hooks.

• Deployed (none)
• Git Repo choose-murray

---

Tailwind CSS

A simple login form via Tailwind CSS

• Deployed https://github.com/wallacepreston/tailwind-login-form
• Git Repo tailwind-login-form

---

Back End

GraphQL Server

Simple CRUD web server built via Node and GraphQL. No authentication.

• Deployed (none)
• Git Repo cheese-collector

Node Scripting (Command-line executable)

Uses simple-git to clone a list of repos in one command-line executable.

• Deployed (none)
• Git Repo student-grading-script

Serverless Function AWS Lambda

Email Service using AWS Lambda and SES, deployed via Serverless Framework and GitHub Actions

• Deployed (ask for link, I prefer not to post it publicly, so it doesn't get spammed)
• Git Repo email-service

---

Other (Full Stack)

Artificial Intelligence (Facial Tracking)

Uses package clmtrackr to track facial expressions, using Logistic Regression to categorize facial expressions into pre-trained emotion models.

• Deployed deveq.herokuapp.com
• Git Repo deveq

TDD (Test Driven Development)

A collection of tests written with jest. Testing vanilla JS, Database queries, API Endpoints, and React.

• Deployed (none)
• Git Repo tdd-node

JS Classes (Roomba implementation)

A contrived "roomba" example to demonstrate usage of JS Classes

• Deployed (none)
• Git Repo roomba