TaleWeaver

TaleWeaver is a small web app presenting Dixit cards for sparking new ideas and discussions during coaching sessions or creative brainstorming.

Features

• Randomly shuffles and displays Dixit cards.
• Flips cards on click to reveal the hidden artwork.

How to Use

1. Visit TaleWeaver.firezed.ai.
2. Choose & click any of the three cards to flip them.
3. Use the revealed artworks as inspiration for discussion/brainstorming.
4. Click the shuffle button to reshuffle and display a new set of cards.

Development

Technologies Used

• React with Styled Components.
• GPT-4 to help on code generation and debugging.
• MidJourney to create some of the designs.
• CodeSandbox to initially create and host the webapp.

Getting Started

1. Clone this repository to your local machine.
2. Navigate to the project directory and run npm install to install all dependencies.
3. Run npm start to start the development server.
4. Visit http://localhost:3000 in your browser to view the app.
   For more help on React, check https://react.dev/learn.

Future

• More themes & decks.
• Bug-fix for mobile view.
• More animations.
• Background music.

Acknowledgements

• Images and inspiration from the Dixit board game, accessible here.
• Build Beautiful Apps with GPT-4 and Midjourney tutorial by Meng To.
• Virginie for her ideas.