Generate Website Sampai Siap

Using everything approved above, act as a senior frontend developer, web architect, accessibility engineer, and performance specialist. Build the complete functional website based on the approved blueprint, design syste…

Using everything approved above, act as a senior frontend developer, web architect, accessibility engineer, and performance specialist.
Build the complete functional website based on the approved blueprint, design system, and website copy.
Use HTML5, CSS3, and JavaScript by default unless another stack is clearly more suitable. If so, briefly explain why.
Requirements:
1. Build every required page and section.
2. Use clean, semantic, well-organized code.
3. Make the website fully responsive for desktop, tablet, and mobile.
4. Apply the approved colors, typography, spacing, buttons, cards, forms, and visual system.
5. Create working navigation and a mobile menu.
6. Add all buttons, CTAs, links, forms, and required interactions.
7. Include form validation and clear success/error states.
8. Add subtle animations and micro-interactions where appropriate.
9. Ensure keyboard navigation, focus states, and accessibility.
10. Optimize images, fonts, scripts, and loading performance.
11. Use lazy loading where appropriate.
12. Follow good Core Web Vitals practices.
13. Add proper heading hierarchy and basic technical SEO.
14. Include metadata, Open Graph, favicon, sitemap, robots.txt, and 404 requirements where relevant.
15. Avoid unnecessary libraries and dependencies.
Organize the project into a clean folder structure with separate HTML, CSS, JavaScript, and asset files where appropriate.
For each file:
- State the filename and folder.
- Provide complete implementation-ready code.
- Explain briefly what it does.
Do not use placeholders such as 'add remaining code here' or omit sections for brevity.
After completing the website, review the files for missing links, broken references, or obvious coding errors.
Finally, give me simple instructions to run and test the website locally before moving to the next stage.

Exact prompt text captured from the public post/author comments on facebook.com/kelasmultimediaofficial. · Attribution: Kelas Multimedia

More Website Development prompts