How it works

How to build and publish a website with the Tanimawo AI Code Lab

You can build a complete website using AI even if you don't know how to code. Follow these 9 steps, with a picture for each one.

Open the Code Lab Start with step 1

9 easy steps
No coding needed
Free
Live in minutes

Step 2: describe your website and choose an AI

Step 6: preview your website on phone, tablet and computer

9 steps · about 15 minutes

Step 1: the Code Lab page at tanimawoai.com/playground.html with the Quick Website button

Open the Tanimawo AI Code Lab and click Quick Website

Go to the Tanimawo AI Code Lab (tanimawoai.com/playground.html) and click Quick Website.

Step 2: the Quick website box with a website idea typed in, and the ChatGPT, Claude and Gemini buttons

Describe the website you want, then choose your AI

In the box under “What website do you want?”, type what you want AI to build. Be as specific as possible. For example:

Build me an advanced, beautiful, mobile-friendly Amazon-style e-commerce website with products, categories, search, shopping cart, animations, and a professional design.

Then select ChatGPT, Claude or Gemini. The AI opens with a prepared prompt containing your website idea. Send the prompt.

Step 3: the website code in ChatGPT with the Copy icon at the top

Copy the complete website code

Wait for the AI to finish writing your website. When it finishes, use the Copy button on the code to copy the entire HTML code.

Make sure you copy everything, from <!DOCTYPE html> through the final </html>.

Step 4: the complete code pasted into the Code Lab, with the website showing in the live preview

Go back to the Code Lab and paste the code

Go back to the Tanimawo AI Code Lab. Your Quick Website window should still be open. Paste the AI's complete answer into the box under “Paste the whole answer here.”

Paste everything, from <!DOCTYPE html> to the final </html>.

Step 5: the pasted code in the Quick website box and the Put it in and publish button

Click “Put it in and publish”

After pasting the code, click the blue Put it in and publish button. The Code Lab places the website code into the editor and shows a live preview.

Step 6: the website in the live preview, with the Phone, Tablet and Computer buttons

Preview and test your website

Your website appears on the right side under Live preview. Use the Phone, Tablet and Computer buttons to see how it looks on different devices.

Test the buttons, menus, links, forms and other features before publishing.

Step 7: the Publish button at the top of the live preview

Click Publish

When you are happy with your website, click Publish at the top of the preview.

Step 8: the Publish your website box with the website address, title and your name

Enter your website details and publish

Choose your Website address. For example, entering amazora gives you an address like amazora.tanimawoai.com. If the name is already taken, choose another one.

Add your Website title and Your name if asked. Read any warnings the Code Lab gives you: you can fix them first, or publish and improve the site later.

Finally, click Publish my website.

Step 9: Congratulations, the website is published, with its link and a Copy Link button

Your website is live!

Congratulations! Copy your new website link and share it on Facebook, WhatsApp, LinkedIn, YouTube, your CV, or with customers, friends and family.

Ready? Build your website now

It takes a few minutes, and it's free. Stuck on a step? Ask in our Telegram community, or join the free live class on Sunday.

Open the Code Lab