AI Card Maker

Overview

This is an interactive AI-powered card creator with empowering messages designed for strong women, inspired by greeting card and poetry aesthetics. Built with p5.js, it features custom message input and a user-friendly interface.

Features

• Dynamic Messages & Colors: Cycles empowering, women-focused messages (e.g., "Shine Like a Star!") and pastel backgrounds every 3 seconds with 0.6-second text fades and 1-second color transitions.
• Custom Input: Allows users to add their own messages, seamlessly integrated into the cycle with synced color changes.
• Responsive UX: Crafted with Google Fonts ("Amatic SC") and polished buttons for a clean, user-friendly experience.

How to Run

Locally

1. Open ai-card-maker.html in a browser.
2. Alternatively, run python3 -m http.server 8000 and access localhost:8000/ai-card-maker.html.
   • Note: Requires an internet connection for p5.js CDN and Google Fonts.

Future Enhancements

• Integrate a real-time AI message generator.
• Add user-customizable animation options to enhance interactivity.

Technologies Used

• p5.js for interactive graphics and animations
• Google Fonts (Amatic SC)
• Vanilla JavaScript
• HTML5/CSS3
• Cloudflare Pages for hosting

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.