moarpls

ChatGPT Meme Generator

Features

  • ✅ User Auth & Sessions with NextAuth

    • ✅ Github
    • ☑️ Email
    • ☑️ Google
    • ☑️ MongoDB Adapter
  • ☑️ Data Architecture

    • ✅ Install Mongoose
    • ✅ Install MongoDB
    • ✅ MongoDB Atlas database set up
    • User Model
    • Joke Model
    • Meme Model
    • ☑️ Model Validations
      • ☑️ Schema
      • ☑️ Server
      • ☑️ Client
  • ☑️ User Upload & Interface

    • ✅ Form input for the joke
    • ✅ Result output components
    • ☑️ user_prof_pic upload or grab from auth for the mock ChatGPT screenshot
  • ☑️ moarpls patented moarmoarmoar logic

    • ☑️ Chat Completions (JSON Mode) with the OpenAI Chat API takes in the user input joke
    • ☑️ Used as Prompts in the OpenAI Images API to generate images with DALL-E 3
  • ☑️ jimp to merge png layers into an export for user download

    • ☑️ Background image with color #343541 to mimick ChatGPT.com UI
    • ☑️ Combined with the Images API response png
    • ☑️ joke rendered with jimp's print method
    • ☑️ Export for download

Timeline

  • Wednesday December 20th
    • ✅ User Auth & Sessions with Next Auth -- Github avail; others future.
    • ✅ Setup and tech stack choices
  • Thursday December 21st
    • ✅ Frontend - Main components and styling
    • ✅ Data Architecture - Mongoose Models, MongoDB Database Connection

Tech

Next.js Redux Vercel OpenAI Nodejs TailwindCSS MongoDB Mongoose


Resources