shih1999/picture-book

Final Project of Web Application Programming, Sping 2024 | NTU IM

Picture Book AI

Overview

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.

Features

• 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.

Getting Started

Installation

1. Clone this repository

2. Navigate to the project directory:

    cd Picture-Book-AI

3. Install frontend dependencies:

    cd Frontend
    npm install

4. Install backend dependencies:

    cd Backend
    npm install

5. DataBase Installation

   • Download MySql
   • Input correct User_name, Password and Database_name in /Backend/.env
   • Run Backend/test.sql in the DataBase command line

Running the Application

1. Add your OpenAI API Key to Create\api\get-image.js

2. Start the backend server:

    cd Backend
    node server.js

3. Start the frontend server:

   cd Frontend
   npm start

4. Open your web browser and go to http://localhost:3000 to use the application.
   http://localhost:3000

   

Future Plans

• 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.

Reference

• Storybird
• Storybird AI

Our Team

Role	Member
Project Manager	施雅婷
Frontend Engineer	朱修平 TimmyChu890902
Frontend Engineer	陳世潔 shih1999
Backend Engineer	林冠汝 LinKuanRu
Testing Engineer	曾靖傑 Alexei0000