https://github.com/xeven777/emoji-story-weaver

A unique website which generates a beautiful story by Gemini 📖 and a cover 🎨 art by Flux Schnell just from emojis🥳🤪😆
https://github.com/xeven777/emoji-story-weaver

emoji emoji-picker storybook supabase supabase-db vite

Last synced: 7 months ago
JSON representation

A unique website which generates a beautiful story by Gemini 📖 and a cover 🎨 art by Flux Schnell just from emojis🥳🤪😆

• Host: GitHub
• URL: https://github.com/xeven777/emoji-story-weaver
• Owner: Xeven777
• Created: 2024-12-31T10:39:20.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-04-03T17:04:33.000Z (7 months ago)
• Last Synced: 2025-04-03T18:22:24.021Z (7 months ago)
• Topics: emoji, emoji-picker, storybook, supabase, supabase-db, vite
• Language: TypeScript
• Homepage: https://emoji-story-weaver.vercel.app
• Size: 723 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# 🎭 Emoji Story Weaver

![Project Preview](public/og-img.jpg)

Turn emojis into magical stories! ✨ A fun web application that generates creative stories from your chosen emojis.

## ⭐ Features

- 🎯 Generate unique stories from 5 emojis using Gemini AI

- 🖼️ Dynamic story cover image generation

- 📖 Hear your stories aloud

- 📚 Browse and share your stories

- 🎨 Beautiful, responsive user interface

- 💁🏻 Great data management with React Query

## 🛠️ Tech Stack

- **Frontend Framework**: React with TypeScript

- **API**:

  - [Gemini AI](https://aistudio.google.com/) for story generation

  - [Flux Schnell](https://blog.anish7.me/blog/best-free-ai-img-generator-api/) for cover image generation

- **Data Management**:

  - React Query for data fetching

- **Database**:

  - Supabase for storing stories and images

- **Styling**:

  - Tailwind CSS

  - shadcn.ui components

  - Emoji Mart for emoji picker

  - CSS animations

- **Development Tools**:

  - Vite for blazing-fast development

  - ESLint for code quality

- **Deployment**:

  - Vercel

## 🚀 Getting Started

1. Clone the repository

```bash

git clone https://github.com/xeven777/emoji-story-weaver.git

```

2. Install dependencies

```bash

bun install

```

3. Start the development server

```bash

bun run dev

```

## 🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

---

Made by Anish with 💖 and ☕