Happenings is an open-source application to create and showcase your timeline of achievements.
- React – Framework
- Ant design – UI Library
- Supabase – Database
- Netlify – Hosting
Happenings was built on a weekend with an idea of documenting your journey. You can create a timeline and either keep it private to yourself or generate a public url for you to showcase your achievments / journey.
- Create a new project on Supabase
- Navigate to SQL editor and execute the below SQL statement (This creates the required tables)
create table user_config (
id bigint not null primary key,
created_at timestamp default now(),
user_id uuid default uuid_generate_v4(),
url character not null,
is_public boolean not null,
display_name character not null
);
create table timeline (
event_id bigint not null primary key,
created_at timestamp default now(),
user_id uuid default uuid_generate_v4(),
title character,
description text,
date date default now(),
image_url text
);
- Navigate to Storage and create a new public bucket named
event-images
- Grab your project URL and public anon key from Project Settings -> API
- Create a new file
.env
in the root directory of the project and add the Project URL and Public Anon Key to this file (Refer .env.sample file) - Configure google auth by following Supabase google auth docs
- That's it. You are good to go. Start your app with
npm start
Please feel free to join Discord and clarify things.