Nearing

Overview

Nearing is a full-stack application for event countdowns. See it in action at nearing.app.

There are many events in life worth counting down to. Some countdowns are calculated with excitement: 2 weeks, 4 days, and 7 hours until a trip to visit some friends, or a month, 3 weeks, and 6 days until the first day at a new job. Others are tallied with nervous anticipation, like the hours before an exam or an interview.

Once important milestones started accumulating in college, I wanted a way to keep track of them more easily than scrolling through a calendar while also maintaining awareness of their proximity. When I failed to find an existing solution online, I decided to build my own with the help of AI. A few Claude and Claude Code sessions later, Nearing was born to help me remember events and milestones in my life as they near.

Screenshots of the app are shown below.

Features

Nearing’s purpose is keeping track of upcoming events in each user’s life. As such, the web app contains all the features necessary for that objective.

The web app features a full auth flow for account login, which supports both continuing with Google and logging in with an email via a magic link sent to that address.

Nearing includes 2 ways of creating events:

1. A full modal form that accepts the complete details of an event: name, date, time, color label, tags, notes, and whether the event should be pinned at the top of the list. The input fields are more guided, with a date picker, time picker, and autocompleted tags based on existing options.
2. A quick-add modal for power users. Triggered by pressing the n key, the form has only a single text input field. Users can define the most important details of an event all in one line of text. For instance, if a user enters Josh's Birthday Party Aug 12 7pm #friends #parties, the app will automatically extract the name, date, time, and tags. Alternatively, instead of creating the event immediately, users can also choose to route the information from quick-add to the full form to fill in further details.

Nearing lists each user’s events in a grid layout. The details of each event are shown in a tile, including a countdown timer to the event. The list of events can be sorted by when they will occur or when they were created. Last but not least, events can be filtered by their associated tags, so users can choose to see only social events, only travel events, and so on.

Tech Stack

Nearing is powered by React and TypeScript in the frontend. On the backend, Supabase handles data storage, authentication, authorization, and real-time sync across clients.