Files
audiobook/frontend/README.md
Paul Bailey f4bc759007 Task 1: Set up project structure and dependencies
- Created backend directory with FastAPI project structure
- Created frontend directory with React + TypeScript + Vite
- Configured Python virtual environment and installed dependencies (fastapi, uvicorn, kokoro, soundfile, python-multipart)
- Verified espeak-ng system dependency is installed
- Configured Node.js project with TypeScript, React, and Vite
- Set up Tailwind CSS for styling
- Set up environment variable configuration for both projects
- Created comprehensive README documentation

Requirements: 9.6, 10.2, 11.1
2025-12-09 00:47:44 +00:00

1001 B

Text to Audiobook Frontend

React TypeScript frontend for the Text to Audiobook application.

Setup

Prerequisites

  • Node.js 20.19+ or 22.12+
  • npm or yarn

Installation

  1. Install dependencies:
npm install
  1. Create environment file:
cp .env.example .env
  1. Update .env with your backend URL (default: http://localhost:8000)

Development

Start the development server:

npm run dev

The application will be available at http://localhost:5173

Build

Build for production:

npm run build

Preview production build:

npm run preview

Project Structure

src/
├── api/          # API client modules
├── components/   # React components
├── App.tsx       # Main application component
├── main.tsx      # Application entry point
└── index.css     # Global styles (Tailwind)

Environment Variables