Daily Tarot

A daily tarot reading chat website that helps users understand and reflect on their tarot readings. Built with React, NextJS, shadcn components, and theVercel AI SDK.

Technologies

React Native TypeScript Neon AI SDK File Upload Authentication

Links

Live Demo GitHub

Screenshots

Technical Overview

Key Features

  • Streaming AI responses using Vercel AI SDK with real-time message updates
  • Database-backed conversation persistence
  • Profile with the ability to update information
  • File upload system with image processing and secure cloud storage integration
  • Session-based authentication with secure cookie management
  • Responsive chat interface with shadcn/ui components and Tailwind CSS

Technical Challenges

  • Implementing smooth streaming text updates without UI flicker or layout shifts
  • Managing file upload security with proper validation
  • Optimizing database queries for chat history and performance

Implementation

  • Next.js API routes with middleware for authentication and request validation (tRPC)
  • Vercel AI SDK streaming with custom parsing for structured tarot responses