AI Emoji Search is a web application that allows users to enter a query and receive the most relevant emojis, powered by an AI model.

AI Emoji Search

NextJS

React

Tailwind

Groq

This full stack application checks a Postgres database of NHL games to determine which teams have the most games in a selected timespan.

It utilizes React Server Components to keep as much logic and rendering on the backend as possible, ensuring a fast and responsive user experience.

Busy Teams

Drizzle

PostgreSQL

Typescript

This NextJS app was built to only update dynamic content when the site is rebuilt or incrementally regenerated by calling an API endpoint.  Assuming the active Voices only change once per hour, this strikes an ideal balance between performance and data accuracy.

The project is deployed on Vercel, and a 

 workflow calls the regeneration endpoint hourly to keep the site updated.

Voice of Seren Tracker

Javascript

HTML

This full stack application includes user authentication and calls a facial recognition API to draw a box around faces in a submitted image, while adding to a user's score for each image submitted.

Detective Face

Node.js

Knex.js

This React app uses APIs to create imaginary robotic friends with pictures, names and email addresses. The list can be searched and the search bar stays on the screen as the user scrolls through the list.  This began as a simple project and has been updated over time to use a service worker and handle state with Redux.

Robofriends

Redux

I built this application while following the 

 course on Frontend Masters to explore concepts including Vue's component model, Options and Composition APIs, as well as how data fetching, routing, state management, and styling work when using Vue.

Projects I've built

AI Emoji Search

Busy Teams

Voice of Seren Tracker

Detective Face

Robofriends

C'est La Vue