Web app that generates a tale based on an input. It has input suggestions as well as already pre-generated tales. With a tale generated, you can listen to it as text-to-speech or read it, and a cover image is generated based on the tale. The main goal of this project is to help children to sleep with a tale made by themselves. It is also a way to help children to learn how to write a tale, and to have fun with it.
The tale can then be shared in Twitter, and the user can also see the tales that other users have generated previously in the shelf page.
Another main goal is to achieve accessibility requirements for this kind of project in order to be used by all users.
It is fully responsive and designed mobile-first.
This project aims to participate in @midudev hackathon: midudev-cohere-2023, in collaboration with co:here AI.
View project · Report Bug · Request Feature
- Clone the repository
git clone https://github.com/ivsantos/tale-teller.git- CD into the working directory
cd tale-teller- Install dependencies
npm install- Run the app
npm run devEnjoy! 🎉
- Next.js
- Typescript
- Tailwind CSS
- co:here AI as the core logic of generating a tale based on an input
- Openjourney (The Open-source version of Midjourney AI) for generating a cover for a tale based on the input
- Hotpot AI for the covers of the already pre-generated tales
- Speech Synthesis API for A11Y purposes (conversion of tale as text-to-speech)
- Firebase for storing the tales generated by the community
- @midudev for the hackathon and the inspiration to the community to keep moving 👋
- Assets
- Logo
- Image by VecMes on Freepik
- Image by starline on Freepik
- Download icons created by Freepik - Flaticon
- Image by upklyak on Freepik
- Image by upklyak on Freepik
- Image by upklyak on Freepik
- Visit icons created by Freepik - Flaticon
- Wand Icon
- Image by upklyak on Freepik
- Text-to-speech icons created by Freepik - Flaticon
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent