meetup prompt that I fed into gpt o1-preview

prompt.txt

I want you to create a development plan for me. I am using Cursor, the AI
powered IDE, and I will use the dev plan to prompt cursor to create and app for
me.

My tech stack:
- Next.js
- JavaScript
- TailwindCSS
- socket.io

What I already have setup: dev environment is setup with Next.js, JavaScript and TailwindCSS.

My app:
- Title: Language Translator
- Purpose: To translate text from one language to another

Description of the UX:

The user will be presented with a text area that they can enter text into. They
will also be presented with a dropdown menu to select the language they want to
translate to. The dropdown menu will list: English, Spanish, French, German, and
Chinese. After entering text and selecting a language, the user will click a
button to translate the text. The translated text will be displayed in a
separate text area to the right of the input text area. The language dropdown
will be between the two text area inputs. If the user enters a new input text to
translate, the previous translation will be cleared and the new translation will
be displayed.

Other Descriptions:

I want to use open ai's gpt-3.5 turbo model for the translation, and I'll be using the
open ai typescript sdk to interface with the model. I want to stream the
response to the user as the LLM generates the response. I'll be using socket.io
to stream the response to the user.

For the project plan, I want you to think like a product team (dev lead,
designer, product manager). Slice the work into small, focused scopes that can
be reliably achieved. But don't make them so small that there are many more
tasks than necessary. You want to balance the number of tasks you generate, with
the quality and reliability of achieving those tasks.

For the project plan, be sure to include 3 things for each scope of work:
- a user story, describing user goals
- a design spec, describing the ux / app behavior
- a technical spec, describing in natural language what should be coded and in which files

FOR EACH SCOPE OF WORK, I WANT YOU TO END IT BY SAYING "DON'T DO ANYTHING BEYOND WHAT IS DESCRIBED IN THIS TASK" AND "THINK STEP BY STEP"

Here is the directory path for my current app, so you know which files I already have and where they are located:

.
├── README.md
├── app
│   ├── favicon.ico
│   ├── fonts
│   │   ├── GeistMonoVF.woff
│   │   └── GeistVF.woff
│   ├── globals.css
│   ├── layout.js
│   └── page.js
├── jsconfig.json
├── next.config.mjs
├── package-lock.json
├── package.json
├── postcss.config.mjs
└── tailwind.config.js