Skip to content

Supavasinan/the-tarot

Repository files navigation

🔮 ITCamp20 Tarot Card Website

Welcome to the ITCamp20 Tarot Card Website! This project was created during the ITCamp20 event to provide a fun and interactive tarot card experience.


🌟 Overview

This website allows users to randomly draw tarot cards and receive detailed information about each card’s meaning and symbolism.

✨ Features

Random Tarot Card Selection – Every draw is completely random for a unique experience.
Detailed Card Information – Provides insights into the meaning and symbolism of each card.
User-Friendly Interface – Simple, intuitive design for smooth interactions.
Responsive Design – Optimized for both desktop and mobile users.
Modern UI – Built using Svelte and Tailwind CSS for a sleek and dynamic interface.

🛠️ Technologies Used

  • Svelte – A modern, reactive framework for fast and lightweight web apps.
  • Tailwind CSS – Utility-first CSS framework for efficient styling.
  • JavaScript – Handles random card selection and interactive elements.
  • HTML & CSS – Provides structure and styling.
  • JSON – Stores and retrieves tarot card data.

🚀 Getting Started

Follow these steps to set up and run the project locally:

# Clone the repository
git clone https://github.com/Supavasinan/the-tarot

# Navigate to the project directory
cd the-tarot

# Install dependencies
npm install

# Start the development server
npm run dev

Then, open index.html in your browser to start drawing your tarot cards! 🎴

📸 Screenshots

Tarot Card UI Card Details Mobile View

📬 Contact

👤 Supavasinan Promdetch

  • Discord: exe_supavasinan

🎉 Acknowledgments

🙏 Special thanks to ITCamp20 for the opportunity to build this project!
🚀 Huge appreciation to the developers and designers who contributed.

👥 Contributors

💡 f3xlqz


Enjoy your tarot reading experience! 🃏✨

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published