Material UI

React.js

Supabase

PostgreSQL

Vercel

Framer Motion

OpenAI API

Stripe.js

Next.js

A full-stack app selling tokens that allow real estate agent users generate descriptions for their listings using the OpenAI API.

• Accessed the OpenAI API GPT-3.5 model to understand and generate natural language via an API call.
• Leveraged Supabase for the backend to manage tables in the database, authentication, and creates API endpoints.
• Bootstrapped the React codebase using DivJoy codebase generator to build the foundation of the app.
• Utilized Material UI for the user interface elements.
• Leveraged Stripe.js to manage tokens to generate descriptions and for checkout flow.
• Animated text and icons on scroll with Framer Motion.
• Deployed the app to Vercel from a GitHub repo.

Technology

• Material UI - React component library
• React.js - user interface library
• Supabase - open source Firebase alternative
• PostgreSQL - relational database management system
• Vercel - platform for deploying and hosting
• Framer Motion - React motion libary
• OpenAI API - Access to AI models developed by OpenAI
• Stripe.js - Stripe's browser-side JavaScript library
• Next.js - React framework for production