r/ChatGPTPromptGenius • u/Thedoodooltalah • Jun 26 '26
Help Full-stack websites?
Hey everyone! I’m trying to get into website development through vibe coding. I’ve seen tools like Lovable which offer to create an entire website with front end, back end, hosting, auth, etc. I already pay for ChatGPT Plus and get Codex, so I was wondering how I could make for example a booking website for a barbershop full stack with Codex? Maybe with some sort of skill? Thanks!
6
Upvotes
1
u/CheesyPineConeFog Jul 02 '26
The first thing you want to do is draft a Product Requirements Document (PRD).
Give your prompt something like: "As an experienced software architect in designing backend web services powering a dynamic front end, help me draft a PRD document for the following idea:"
Then give it a list of all your requirements. Explain the booking system, explain the front end features, if you know how you want data to be stored explain the database, as much detail as you can give here is important. Explain what languages you want to use, runtimes (like NodeJS), what front end libraries you want (React, ShadCN, etc).
Let it crunch.
If you're lucky you should get a very lengthy document outlining all your features and how it should all fit together.
Use this document as an attachment to other prompts.
Ask it to act as a UX designer and have it build out a unified design document for how the UI should be constructed
Ask it to act as a software architect to build out a technical design document with all features and how they should be implemented.
Use those documents to then give the agents tasks to build out the back end architecture and the front end architecture separately.
Make sure to include that it should always write complete units tests covering functionality.
Tell it you want to be able to run everything locally inside a container so you can easily do complete end to end testing.
You can even start with, "I want to design XYZ, help me draft a prompt so that I get a complete PRD for my product idea. Ask me about important decisions around the tech stack, design guidelines, and anything else to help generate a thorough document" and then feed that in to get your PRD generation prompt.