Story-Story is an engaging storytelling app designed for children. It takes the rich histories of Nigerian and African figures and turns them into child-friendly, factual stories.
# Story-Story: Once upon a time, Time-Time!
**Story-Story** is an engaging storytelling app designed for children. It takes the rich histories of Nigerian and African figures and turns them into child-friendly, factual stories. With vibrant illustrations and captivating narratives, Story-Story aims to make history come alive for young minds. Stories are generated using an LLM agentic workflow, see code here.
---
## 🌟 Features
- **Rich Content**: Authentic stories about African historical figures tailored for children.
- **Interactive Experience**: Vibrant illustrations for every chapter of the story.
- **Easy Navigation**: A seamless and child-friendly interface.
- **Educational Value**: Stories that inspire, educate, and connect children to their roots.
---
## 🚀 Getting Started
### Prerequisites
- **Node.js** (>= 16.x)
- **NPM** or **Yarn**
- A Supabase project for managing story data and illustrations.
### Installation
1. Clone the repository:
```bash
git clone
github.com
cd story-story
```
2. Install dependencies:
```bash
pnpm install --legacy-peer-deps
```
3. Set up environment variables in a .env.local file:
```
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
```
4. Start the development server:
```bash
npm run dev
```
Access the app at
localhost
## 🛠️ Usage
### Writing a Story (coming to public soon)
- Simply provide the hero's name and the AI agents will handle it from there!
### Reading a Story
- Navigate through the chapters using the app's intuitive interface build with ShadcnUI.
- View beautiful illustrations that accompany each chapter.
## 📦 Database Structure
The app uses Supabase for storing story-related data. Here's a brief schema overview:
### Tables
1. Stories:
- `id`: Primary Key
- `title`: Title of the story
- `historical_figure`: Name of the figure
- `description`: Brief description
- `created_at`: Timestamp
2. StoryPages:
- `id`: Primary Key
- `story_id`: Foreign Key (R …