• 

  Home

Tarot Reader

Inspiration

The idea for Tarot Reader came from a desire to blend mysticism with technology. We wanted to create a digital experience that captures the spirit of tarot reading while making it accessible and interactive for users curious about self-reflection, guidance, or daily insight.

What it does

Tarot Reader offers users a virtual tarot card reading experience. Users can:

• Select from different types of spreads (e.g., single card, past-present-future, Celtic cross)
• Receive interpretations of cards based on traditional tarot meanings
• Save and share their readings
• Explore card meanings through an intuitive UI

How we built it

We used:

• Frontend: React for the user interface with TailwindCSS for styling
• Backend: Node.js with Express for the API
• Database: MongoDB to store user readings and card interpretations
• AI Integration: OpenAI's GPT model to generate dynamic interpretations and user insights
• Design: Figma for UI/UX planning and tarot card visuals

Challenges we ran into

• Creating accurate and meaningful card interpretations that balance tradition with personalization
• Designing an intuitive and engaging UI that feels mystical but remains user-friendly
• Managing state across complex interactions in multi-card spreads
• Ensuring the readings felt authentic and respectful to tarot culture

Accomplishments that we're proud of

• Successfully integrated AI for adaptive card interpretations
• Created a visually compelling and immersive tarot experience
• Positive feedback from beta testers who found value and clarity in their readings
• Learned how to build a full-stack app with a strong focus on user experience

What we learned

• How to integrate AI meaningfully into a spiritual and introspective product
• Balancing traditional symbolism with modern interaction design
• The importance of tone and language in user communication for mystical tools
• How to deploy and scale an interactive full-stack application

What's next for Tarot Reader

• Add support for more card decks (e.g., Thoth, Rider-Waite variations)
• Enable personalized daily readings with notifications
• Introduce a journal feature for users to reflect on and track their readings
• Add multilingual support for broader accessibility
• Launch a mobile version with offline reading capability

Built With

• nestjs
• nextjs
• superbase
• typescript