How I Built the AfriMax E-Commerce Website for FREE Using TaniX AI
The class showed how to build a sample e-commerce website using AI-generated images and HTML, CSS, and JavaScript in Code Lab.
This recap was written from the class video. Watch it above or on YouTube.
What the class covered
The class showed how to build a sample e-commerce website using AI-generated images and HTML, CSS, and JavaScript in Code Lab. The instructor tested the site, asked AI to fix errors and improve the design, checked tablet and phone layouts, and published the website.
Key takeaways
- Add the images you want to use before asking AI to build the website.
- Paste the generated HTML, CSS, and JavaScript into their matching Code Lab sections.
- If you see a console error, copy it and ask AI to fix it.
- Test the website in desktop, tablet, and phone views.
- Ask AI for the full updated code when you want to replace several parts.
Prompts to try
I got this error. Give me the fixed code.
Give me the full updated HTML, CSS, and JS code.
Make sure the tablet and phone websites are responsive.
Make this very beautiful and animate it.
Test yourself
1. What kinds of code did the instructor paste into Code Lab?
2. What should you do when you see a console error?
3. Which views did the instructor check before publishing?
Keep reading
How to compress your images for free
The class showed how large images can take up space and make a website slow.
How to Convert Audio to Text in Seconds for FREE
The class showed how to turn speech into text by recording audio in the tool or uploading an audio file.
How to Crop and Rotate Any Image in Seconds for FREE
The class showed how to use TaniX’s Crop and Rotate tool to select part of an image, crop it, and download the result.
