ChatGPT Tale Maker

Getting Started

1. Install dependencies:

npm ci

2. Create .env.local file and add OpenAI API to it:

OPENAI_API_KEY=<Your key here>

3. Run the development server:

npm run dev

4. Open http://localhost:3000

Tech Stack

Production Stack

• Next.js as the React framework
• Tailwind CSS for styling
• daisyUI UI component library
• TanStack Query for data fetching
• OpenAI API for generating text suggestions

Development Stack

• TypeScript as the programming language
• ESLint for checking code quality and formatting

Creating OpenAI API Key

1. Login or create a new OpenAI account
2. Create a new secret key at API Keys page
3. Copy the key and add it to the .env.local file in the root of the project as OPENAI_API_KEY