Digital Tarot Card Reader

Digital Art / Animation 2025

Project Overview

This Digital Tarot Card Reader is an interactive web-based experience that lets users draw 5 tarot card and receive a personalized reading. Using HTML, CSS, and JavaScript, the project combines aesthetic storytelling with real-time data pulled from an external API.

How it Works

When the user begins a reading, the site randomly selects tarot cards using JavaScript and pulls meanings from an external API. Each card is then dynamically rendered and displayed with its interpretation based on position and spread.

Technical Breakdown

The project is built with vanilla JavaScript, using DOM manipulation to render cards dynamically. API data is fetched asynchronously and mapped to each tarot card selection. CSS animations handle transitions between card states.

Project Gallery

Front Page Set your intent pick your cards Your selected cards Your selected cards Your selected cards

Get your own reading!

Description of image

Code

View on GitHub →

Technologies Used

  • HTML
  • CSS
  • JavaScript
← Previous Project All Projects Next Project →