Themed Lorem Ipsum Generator

JavaScript, UI/UX & Responsive Design

This project challenged me to design and build a custom Lorem Ipsum generator using vanilla JavaScript. Instead of relying on generic Latin filler text, I created a playful generator with a themed word list and a simple, focused interface that lets users quickly produce sample copy for mock-ups and wireframes.

The task was designed to test my understanding of core JavaScript concepts—data structures, loops, conditionals, operators, string handling—while also demonstrating solid UI/UX thinking and responsive layout skills.

Task briefing (summary):

  • Build a theme-based Lorem Ipsum generator.

  • Hard-code a word list of at least 40 strings (no need for perfect grammar).

  • Prompt the user for the number of paragraphs and generate the text dynamically.

  • Present the result in a usable, copy-friendly format.

  • Use external JS and CSS files.

  • Ensure the layout works on both mobile and desktop.

  • Support the application with appropriate styling and artwork.

My goals:

  • Write clear, well-structured JavaScript without relying on external frameworks.

  • Keep the interface minimal and self-explanatory.

  • Make the result feel like a real, polished tool I could reuse in future design work.

I was responsible for:

  • Concept & theme selection for the generator.

  • UI layout, visual design and responsive behaviour.

  • JavaScript logic for assembling and rendering the paragraphs.

  • Input handling, validation and user feedback.

  • Code organisation and documentation.

lorem ipsum generator