EL
AI Poem Generator
A minimalist web app that lets users generate short poems based on their input prompts. Built with HTML, CSS, and vanilla JavaScript, it integrates the SheCodes AI API to return AI-generated verses which are then displayed using a smooth typewriter animation. The project focuses on clean, accessible UI with a soft, book-inspired visual aesthetic.
Live Demo
View the live version here: Live Demo
Features
- Generate custom AI poems based on user input
- Typewriter-style animation for dynamic text display
- Responsive, mobile-friendly design
- Elegant, accessible user interface with focus styles
- Clean and minimalist aesthetic using classic serif typography and soft colour palette
Technologies Used
Core
- Vanilla JavaScript (ES6+)
- HTML5
- CSS3
Tooling
- Axios
- Typewriter Effect
- Netlify for deployment
Usage
- Visit the Live Demo
- Enter a word or phrase into the input field (e.g. "autumn", "space", or "regret")
- Click Submit to generate a 4โ8 line poem styled with headings and line breaks
- Enjoy the poem as it types out line by line โ the results may vary, but the delivery is always elegant ๐
API
This project uses the SheCodes AI API to generate poems dynamically based on user prompts. Each request returns a formatted HTML snippet, which is injected into the DOM and displayed using a typewriter animation.
Use of this API requires course registration.
License
This project is licensed under the MIT License.
On this page
Languages
CSS55.6%HTML28.4%JavaScript16.1%
Contributors
MIT License
Created April 28, 2024
Updated September 4, 2025