๐ก Inspiration
In a world full of chaos, deadlines, and fast-paced living, we wanted to create something different โ something personal, soulful, and reflective. Thatโs when the idea of FutureRead was born. We were inspired by ancient spiritual practices like tarot reading and palmistry, and we wondered โ what if we could combine these age-old traditions with the intelligence of modern AI? The goal was to create a digital space that feels mystical, calming, and yet smart โ a personal spiritual guide powered by technology.
๐ง What it does
FutureRead is an AI-powered spiritual web app that allows users to explore:
- ๐ Tarot Readings: Users are shown 3 randomly drawn cards from a 78-card deck. Each card flips with a tap, and users can request an AI-powered interpretation based on their draw.
- โ Palm Reading: Users upload a photo of their palm and receive a personalized palm analysis generated by GPT-4.
- ๐ User Profiles: Signup includes name, email, password, birth date, time, and place to enable more accurate and personalized results.
- ๐ฎ Clean, immersive UI: Designed to feel magical, with glowing animations, custom fonts, and a responsive layout.
All interpretations are generated using OpenAI GPT-4, making the experience personal, insightful, and meaningful.
๐๏ธ How we built it
We used Flask for the backend, handling routing, user authentication, and all GPT-4 API requests. The frontend was crafted with HTML, CSS, Bootstrap 5, and enhanced using GSAP to bring spiritual animations and interactions to life. The tarot system was implemented using a shuffled list of 78 card objects, while palm reading accepts uploaded images, processed and interpreted by GPT-4 using custom prompts. User data was initially stored in SQLite, later migrated to PostgreSQL for scalability. Finally, we deployed the entire app using Render, making it publicly accessible across devices.
๐ง Challenges we ran into
- Designing a visually engaging UI that feels both spiritual and modern
- Engineering GPT-4 prompts to output meaningful tarot/palm interpretations without sounding generic
- Handling image input for palm reading while ensuring fast performance and safe uploads
- Syncing user profile details like birth date/time/place with AI outputs to keep things accurate and personal
- Creating a polished, animated frontend that stays fast and responsive
๐ Accomplishments that we're proud of
- Successfully merged ancient spiritual themes with cutting-edge AI
- Built and deployed a full-stack spiritual reading platform under tight hackathon time constraints
- Made the UI feel magical through custom animations and responsive design
- Created a working tarot flip mechanic and palm upload flow โ both connected to AI
- Published a demo video showcasing the platform beautifully
๐ What we learned
- How to integrate OpenAI GPT-4 in creative, personalized ways
- Prompt engineering to fine-tune outputs that match a specific tone
- Building fluid animations with GSAP in a Bootstrap-based layout
- How to balance frontend aesthetics with backend scalability
- Collaborating efficiently across research, coding, and deployment workflows
๐ What's next for FutureRead
- ๐ฑ Build a native mobile app using Flutter or Capacitor
- ๐ช Add astrological chart generation using birth details
- ๐ Introduce daily zodiac insights with push notifications
- ๐พ Allow users to save or download their readings as shareable PDFs
- ๐ ๏ธ Add an admin panel to manage new spiritual features and content updates
Built With
- css3
- flask
- gsap
- html5
- openai
- postgresql
Log in or sign up for Devpost to join the conversation.