Svelte To-Play App

📌 Project Overview

A simple To-Play list built using Svelte that allows users to manage board games they want to play. Users can search for board games via the BoardGameGeek API, add them to a list, mark them as played, and remove them.

✨ Features

• 🔍 BoardGameGeek API integration for searching board games.
• ✅ Mark games as played with a checkbox.
• ➕ Add board games to the list.
• ❌ Remove games from the list.
• 💾 Local Storage support for persistence.
• 🎨 TailwindCSS for styling.

🛠️ Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/pauravhp/svelte-toplay.git
cd svelte-toplay

2️⃣ Install Dependencies

npm install

3️⃣ Run the App

npm run dev

App should be available at http://localhost:5173

🚀 Usage

1. Search for a board game in the input field.
2. Click a search result to add it to the list.
3. Check the box to mark a game as played.
4. Click the red ❌ button to remove a game.
5. The list persists across sessions via Local Storage.

🛠️ Technologies Used

• SvelteKit (Frontend framework)
• BoardGameGeek API (Game search functionality)
• TailwindCSS (Styling)
• LocalStorage (Data persistence)

🤝 Contributing

Feel free to fork this repository and submit pull requests if you have any improvements.

📜 License

This project is licensed under the MIT License. See the LICENSE file for details.

🙌 Credits

This project was inspired by the JoyOfCode blog and YouTube channel. The original tutorial can be found here: Svelte To-Do App.

🚀 Start building your board game To-Play list today! 🎲