swizzl

October 27, 2024

https://cdn.jsdelivr.net/gh/gabe-santos/website-images@main/swizzl-cover.png
Overview

A cocktail recipe web app.

Stack
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Supabase
Skills
  • App Development
  • Authentication
  • API
  • Databases

Problem

I love mixology. I enjoy making mixed drinks at home or with friends. The trouble is that I often forget the specs for my favorite recipes. I wanted an app that could hold my favorite drink recipes and let me discover new ones.

Solution

swizzl is a Next.js web app that lets users find, discover, and favorite cocktail recipes. Styling was achieved with Tailwind CSS and NextUI. I used Supabase as the backend because of the database and easy-to-use authentication. Cocktail recipe data was provided by TheCocktailDB.

Key Features

  • User authentication
  • User favorites
  • Search bar

Outcomes

This project taught me about how to implement authentication. I gained more experience working with public APIs as well as data-fetching with Next.js.

Future Improvements

  • Better cocktail data
  • User cocktail ratings