A web application that generates picture books based on user input. The application leverages AWS Bedrock Claude for story generation and AWS Bedrock Nova Canvas for picture generation.
- Frontend: Vue.js
- Backend: Node.js
- AI Services: AWS Bedrock (Claude and Nova Canvas)
stories_factory/
├── frontend/ # Vue.js frontend application
│ ├── src/
│ │ ├── components/ # Reusable Vue components
│ │ ├── views/ # Page components
│ │ ├── assets/ # Static assets
│ │ └── store/ # State management
│ ├── public/ # Public assets
│ └── package.json # Frontend dependencies
└── backend/ # Node.js backend application
├── routes/ # API routes
├── controllers/ # Request handlers
├── services/ # Business logic
├── config/ # Configuration files
├── uploads/ # Stored images and stories
└── package.json # Backend dependencies
- User-friendly interface for entering story prompts
- AI-generated story content using AWS Bedrock Claude
- AI-generated illustrations using AWS Bedrock Nova Canvas
- Preview and download options for the generated picture books
- Node.js (v16+)
- AWS account with access to Bedrock services
- AWS CLI configured with appropriate permissions
-
Navigate to the backend directory:
cd backend -
Install dependencies:
npm install -
Create a
.envfile based on.env.example:cp .env.example .env -
Update the
.envfile with your AWS credentials and configuration. -
Start the server:
npm start
-
Navigate to the frontend directory:
cd frontend -
Install dependencies:
npm install -
Create a
.envfile based on.env.example:cp .env.example .env -
Start the development server:
npm run serve -
Access the application at
http://localhost:8080