AICana:AI-Powered Tarot Card Reading Service
AICana is a tarot card reading platform that integrates AI to deliver personalized readings based on two spreads: 'Today's Fortune' and 'Do or Don't.'
Overview
AICana is a tarot reading platform designed to combine the mysticism of tarot with the power of AI. The project allows users to select from two tarot spreads: 'Today's Fortune' for a daily insight, and 'Do or Don't,' where users receive guidance based on a specific context. This platform provides detailed, personalized readings powered by OpenAI, offering a unique, modern twist on the traditional tarot experience.
This project allowed me to explore the integration of AI with a frontend experience, building a platform that combines intuitive user interface design with backend processing for accurate tarot interpretations.
Mission
Tarot readings often rely on human interpretation, which can vary greatly. With the growing interest in AI, I wanted to experiment with how AI could deliver personalized readings based on user input and spread configurations. The challenge was to ensure that the readings felt authentic and aligned with traditional tarot interpretations.
As a frontend engineer passionate about creating user-centric experiences, I wanted to create a platform that would simplify tarot readings while maintaining the mystical experience users expect.
Process
1. Identifying the needs & objectives
The project began with a focus on creating a tarot reading platform that felt authentic while utilizing AI to provide meaningful insights. I wanted to offer two common tarot spreads: 'Today's Fortune' and 'Do or Don't,' which I believe are the most relevant to people's daily decisions.
2. Setting Objectives
I defined the primary goals for AICana as follows:
- Offer an engaging, AI-powered tarot reading experience
- Include tarot spreads relevant to common, everyday decision-making
- Ensure users can easily access spreads without unnecessary complexity
- Create a smooth, intuitive user experience with minimal friction
3. Technical Exploration
To begin, I explored OpenAI's documentation to understand how I could tailor prompts that provide detailed and meaningful tarot readings. This involved installing OpenAI's JavaScript library and customizing the prompts for the selected tarot spreads to ensure accuracy and depth in the results.
- OpenAI Integration
Studied OpenAI's API to create prompts specific to each card and tarot spread, ensuring the readings are detailed and accurate.
- Card Selection
I decided to include 'Today's Fortune' and 'Do or Don't' spreads, which are ideal for offering users insights into daily challenges and choices.
4. Features
The following are key features that I implemented in AICana to enhance the user experience:
- Beautifully generated tarot card images using Midjourney
- AI-powered readings with detailed interpretations for each card
- Direct access to tarot spreads from the main page for a seamless experience
- Context-based readings in 'Do or Don't' where users specify their dilemma before drawing cards
5. Design & User Experience
The initial design followed a traditional website layout with separate landing, about, and services pages. However, I soon realized that users would likely prefer immediate access to tarot readings rather than browsing through informational pages.
To improve the experience, I redesigned the website to streamline navigation by allowing users to access spreads directly from the homepage. This approach minimizes distractions and prioritizes the tarot reading experience.
6. Technology Research
I selected Next.js for its seamless integration of frontend and backend capabilities, allowing me to focus on performance and user experience. Tailwind CSS was chosen to help style the platform quickly and effectively, ensuring a responsive design across devices.
Tech Stack
Result
AICana has evolved into an intuitive, AI-powered tarot reading platform that allows users to receive meaningful insights through two common spreads: 'Today's Fortune' and 'Do or Don't.' The integration of OpenAI ensures that the tarot readings are detailed, while the streamlined user experience allows users to immediately engage with the service.
Today's Fortune
Choosing cards from the shuffled deck
Features
- AI-powered tarot readings tailored to the user's context and selected cards
- A simplified, user-focused design with direct access to tarot spreads from the homepage
- Beautiful tarot card images generated using Midjourney, enhancing the visual appeal of the platform
- Real-time, detailed readings based on the user's specific questions or concerns
Final Site
https://aicana.vercel.app/
Learning
- Expanded knowledge in AI integration, working with OpenAI to deliver context-specific tarot readings.
- Enhanced front-end development skills, ensuring that the platform's UI was visually appealing and intuitive.
- Improved experience with backend processes, focusing on handling real-time user inputs and generating tarot readings dynamically.
Challenges
- Balancing AI-generated content with traditional tarot meanings to provide users with insightful readings.
- Creating a visually engaging UI that draws users into the experience without overwhelming them.
- Coming up with responsive design solution for the card deck with 78 cards!
- Ensuring that the platform was easy to use for tarot enthusiasts while also maintaining the depth of tarot interpretations.
Conclusion
AICana successfully integrates AI to deliver meaningful tarot readings, providing users with insights based on their selected spread. This project allowed me to deepen my expertise in full-stack development, particularly in AI integration, and I look forward to expanding the platform in the future with more tarot spreads and features.