Skip to content

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

Notifications You must be signed in to change notification settings

shih1999/Picture-Book-AI

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

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

Our Team

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 78.0%
  • CSS 20.7%
  • HTML 1.3%