Demos

Welcome to the demo page. This is a space for experiments and showcasing examples.

Independent news aggregator.

A simple web application that aggregates news from various sources. It parses RSS feeds then writes that information to a Postgres database. The UI design is bare bones. This project is mainly a way for me to learn Fresh and Deno.

Tech Stack

React, Typescript, Tailwind, Supabase,Fresh, andDeno.

Deployed with Deno deploy.

Climate data visualization tool.

A web application that uses the excellent visualization library visx to visualize climate data. Right now this provides to views for climate warming data. A warming stripes visualization and a bar chart.

Tech Stack

Next.js, Typescript, andvisx .

A simple useActive React hook.

useActive is a custom React hook that detects whether or not a user is active by tracking user events. It returns a boolean for whether or not a user is active and the last time they were active for use in the UI. This kind of hook is useful for things like logging a user out after a certain amount of time or displaying messages.

Demo links:
CodeSandboxGitHub
A simple useCountdown React hook.

useCountdown is a custom React hook that provides countdown functionality. It allows you to set a duration in seconds. This hook is useful for countdowns or hooking up time-based UI elements.

Demo links:
CodeSandboxGitHub