README.md

g-application-jd

A reproduction of a couple of G UX flows:

• Welcome page and Sign-Up/Login page interaction
• Working Navbar links: Home, Products, Logout
• Products -> New product (Digital product type only)
• Product Edit: Name, Description, Content
• Add-On: AI Assistant for the Product Description

AI Assistant

Design of Version 1 (implemented):

In Figma: https://www.figma.com/file/QYWiq50FLUSrcVQL988XLR/Gumroad-AI-Assistant?type=design&mode=design&t=q4SbLUDUv9bCAzHP-1

Database Schema

In Figma: https://www.figma.com/file/C4ULX6DGO7FGQHVkTYSSZX/Database?type=whiteboard&node-id=0%3A1&t=HMHvk7Daag9L6TFS-1

Tech Stack

Application

• Ruby on Rails
• TypeScript
• React on Rails
• React Hook Form
• Immer
• React Router
• ProseMirror - Rich Text Editor
• Ruby OpenAI

Testing Libraries

• Minitest
• Capybara
• VCR
• React Testing Library

Tools

• Docker and Docker Compose
• GitHub Actions
• Adminer - DB Management Tool
• Webflow
• Figma

Development

README-dev.md