See the website at uwudaily.vercel.app.
Built by @maggie-j-liu, @sampoder, and @exu3.
uwudaily™️ is a platform for anyone to log their daily ✨ vibes ✨. Built with Next.js, Tailwind CSS, and Supabase, users can create new posts to log their mood with an emoji along with a short description (with Markdown support)! Users can view the main uwudaily feed through the homepage and see a complete history of their own past posts in /log/[username]
.
First, set environment variables for Supabase in .env.local
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
Then, run the development server:
# install dependencies
yarn
# then, run the dev server
yarn dev
Open http://localhost:3000 with your browser to see the result.
How we used Supabase
We used Supabase Auth for authentication and Supabase Database for storing data.
Users can authenticate with Magic Link or OAuth with GitHub or Google. uwudaily also stores user profile information in Supabase including username, timestamp of when the user's profile was last updated, and a UUID for each unique user. Each post (🤠) is also stored in a Supabase table. The user logs a new entry through the /new
route which creates a record in the table with the user's UUID, timestamp, emoji, and description.
Adding a new entry.
The global log, where users can see everyone's vibes.
A personal log with a specific user's vibes.