How I Built My AfriMax Website From Scratch Using AI

This recap was written from the class video. Watch it above or on YouTube.

What the class covered

In this class, Dr. Daniel Tanimawo demonstrated how to build and improve a website called AfriMax using AI. He showed how to generate and update HTML, CSS, and JavaScript code with AI, fix errors, and make the website responsive for desktop, tablet, and phone views. He also explained how to test the website, add features like animations, and ensure the design looks good on different devices.

Key takeaways

• Use AI to generate and update full website code including HTML, CSS, and JavaScript.
• Always check for console errors and ask AI to fix them with updated code.
• Test your website on desktop, tablet, and phone views to ensure responsiveness.
• Make sure images and important sections are not cut off on smaller screens.
• You can add animations and other effects by instructing AI to update the code.
• Download your website code regularly to keep a safe copy.

Prompts to try

Give me the full updated HTML, CSS and JS code.

I got this error [paste error message]. Fix it and give me the full updated code.

The name of the CEO is Dr. Daniel Tanimawo. Correct it and give me the full code.

Make sure the tablet and phone versions are responsive and fix the hero section image that is cut off.

Test yourself