Back to projects
Jun 24, 2024
3 min read

PromptWhiz Project

A tool for generating creative writing prompts.

✍️ PromptWhiz — Creative Writing Prompt Engine

PromptWhiz Banner

PromptWhiz is a sleek, minimalist web application designed to eliminate “Writer’s Block” through algorithmic inspiration. By leveraging a curated library of creative triggers and scenarios, it provides writers with an endless stream of unique prompts across various genres—enhancing both daily journaling and professional storytelling workflows.

Built as a high-performance vanilla JavaScript project, it focuses on sub-second interactions and a distraction-free aesthetic.


🛠️ Technology Stack

JavaScript HTML5 CSS3 Netlify Google Fonts


✨ Features at a Glance

🎲 Endless Inspiration

  • One-Click Generation: Instantly roll for a new scenario, character trait, or dialogue hook with zero reload lag.
  • Genre-Specific Scopes: (Planned) Logic to filter prompts based on Sci-Fi, Fantasy, Mystery, or Non-Fiction categories.
  • Dynamic Content Injection: Uses pure DOM manipulation to swap out prompt cards, ensuring a “buttery smooth” UX.

🎨 Distraction-Free Design

  • Zen Mode Layout: A clean, centered UI that keeps the focus entirely on the generated text.
  • Responsive Fluidity: Built with a “Mobile-First” philosophy, ensuring the prompt-engine looks stunning on everything from iPhones to 4K monitors.
  • Custom Typography: Integration of modern, readable typefaces to reduce eye strain during long writing sessions.

⚡ Technical Excellence

  • Zero-Dependency Core: Written in clean, vanilla JavaScript—no heavy frameworks, resulting in an exceptionally small bundle size.
  • Local State Persistance: (Planned) Simple local storage integration to “save” your favorite prompts for later.

📁 Project Structure

promptwhiz/
├── index.html           # Semantic HTML5 architecture
├── style.css            # Custom CSS3 layout & animations
├── app.js               # Core logic (Prompt library & DOM engine)
├── assets/              # Branding & SVGs
└── README.md            # Documentation

🚀 Installation & Setup

1. Prerequisites

  • Any modern web browser (Chrome, Firefox, Safari, Edge)

2. Manual Setup

  1. Clone the repository:
    git clone https://github.com/leonardoo210399/PromptWhiz.git
    
  2. Navigate to the project folder:
    cd PromptWhiz
    
  3. Open index.html in your browser.

3. Deployment

  • This project is optimized for instant deployment on Netlify or GitHub Pages. Simply drag-and-drop the folder into the Netlify dashboard to go live.

📄 License

Distributed under the MIT License.

Designed & Developed by Aditya (aka aditya-2129)