Skip to content

Latest commit

ย 

History

History
70 lines (44 loc) ยท 2.14 KB

File metadata and controls

70 lines (44 loc) ยท 2.14 KB

๐Ÿ”ฎ 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! ๐Ÿƒโœจ