Analogenius - Live Site
Analogenius is a tool powered by OpenAI's chat completion api that allows users to learn difficult concepts with easy to understand analogies to what they already know best.
Analogenius is built with Next.js and Supabase, the OpenAI chat completion endpoint, and uses TailwindCSS with the daisyUI plugin for styling. I elected to use the new Next.js 13 app directory to learn more about using server/client components and other new features such as the updated route handler for easily creating REST endpoints. I used Supabase for user auth, a postgreSQL database, and the convenient REST api that is provided for creating, reading, and updating data.
On the home page, follow the steps provided to enter a concept you would like to learn and select an analog - some topic you are already familiar with that you would like to use as a comparison point - and Analogenius will generate a response that explains the concept in simple terms of the analog.
You can see past generated responses on the /search page, where the relevant tags (an emoji demonstrating the comparison being used) as well as the number of likes that response has will be displayed. You can filter by "concept" or "analog" by selecting the corresponding radio button and typing in the search input.
Selecting a response will take you to the /search/[id] page, where you can read the full response, and leave a like as well as add to your own list of favoritesif you are signed in.
As I mentioned, users can add responses to their list of favorites, which will show up on the /profile page for signed in users. However, you are still able to generate responses and view responses even if you are not signed in. This is what the user profile page will look like for signed in users:
I learned quite a bit about the newest Next.js 13 features as well as various Supabase services through buildign Analogenius. As I continue to build on the app, I'd like to implement additional features for users with an account such as the ability to create new analogs that they can either use privately or choose to publish for use by all users.