This website is an interactive picture book creation platform that leverages Generative AI technology.
It allows users to become creators of picture books rather than just passive readers.
- AI-Driven Illustrations: Users can input text, triggering AI to generate illustrations in various styles tailored to the content.
- Community Interaction: Users can actively engage by commenting on and contributing content to picture books, fostering collaboration and sharing.
- Edutainment: The platform blends entertainment with educational value, providing engaging experiences for both children and creators.
-
Clone this repository
-
Navigate to the project directory:
cd Picture-Book-AI
-
Install frontend dependencies:
cd Frontend npm install
-
Install backend dependencies:
cd Backend npm install
-
DataBase Installation
- Download MySql
- Input correct User_name, Password and Database_name in /Backend/.env
- Run Backend/test.sql in the DataBase command line
-
Add your OpenAI API Key to
Create\api\get-image.js
-
Start the backend server:
cd Backend node server.js
-
Start the frontend server:
cd Frontend npm start
-
Open your web browser and go to
http://localhost:3000
to use the application.
http://localhost:3000
- Implement 3rd Party Login and Password Recovery: Integrate convenient login options such as Google account login and enhance account security.
- AI improvment: Continuously enhance AI models to produce more accurate and diverse illustrations.
- Enhanced Book Creation Tools: Develop tools including customizable templates, interactive elements like animations and audio, and introduce features such as voice input and AR effects to enrich user experience.
- Community Feature Expansion: Expand community features with comment and like functionalities to encourage collaboration and content sharing among users.
- Business Exploration: Explore business models such as subscription fees, advertising, and more to achieve sustainable growth.
Role | Member |
---|---|
Project Manager | 施雅婷 |
Frontend Engineer | 朱修平 TimmyChu890902 |
Frontend Engineer | 陳世潔 shih1999 |
Backend Engineer | 林冠汝 LinKuanRu |
Testing Engineer | 曾靖傑 Alexei0000 |