A fun and creative web application that generates random phrases and AI-powered images based on your personal preferences.
This project was created as part of the GitHub JavaScript Course from GitHub Education on Scrimba. It takes your personal information (name, favorite activity, favorite place) and uses AI to generate unique phrases and corresponding images. Perfect for creative inspiration or just having some fun!
The original course teaches JavaScript fundamentals and modern web development practices, and this project demonstrates those concepts in action.
- 🎨 AI-powered phrase generation
- 🖼️ Auto-generated images for each phrase
- 🎯 Customizable personality through temperature settings
- ⚡ Built with Vite for fast development and optimized builds
- Node.js (v14 or higher)
- npm
- Clone the repository
- Install dependencies:
npm install- Start the development server:
npm run dev- Open your browser and navigate to
http://localhost:5173
-
Update the variables in
index.jswith your personal information:name: Your namefavoriteActivity: Your favorite activityfavoritePlace: Your favorite placetemperature: AI creativity level (0-1, where 1 is most random)
-
Optionally, replace
avatar.jpgwith your own photo -
The app will generate phrases and images based on your preferences!
The temperature variable controls how creative and experimental the AI output will be:
- 0: More consistent, predictable output
- 1: Maximum creativity and randomness
- Vite: Next generation frontend tooling
- JavaScript: Core application logic
- CSS: Styling
- HTML: Structure
For more information about Vite configuration, visit vitejs.dev
npm run dev # Start development server
npm run build # Build for production
npm run preview # Preview production buildThis project is open source and available under the MIT License.
Happy generating! 🚀