A sleek, modern web application built with Angular that turns your text prompts into stunning AI-generated images. Powered by the magic of artificial intelligence and a clean UI, this tool helps you generate, explore, and download creative visuals instantly.
🔗 https://text-2-image-ai-generator.netlify.app
- 🧠 AI-powered text-to-image generation
- ⚡ Instant preview of results
- 🌓 Light & dark theme support
- 📥 One-click image download
- 📱 Fully responsive & mobile-ready
| Category | Technology |
|---|---|
| Frontend | Angular 18+ |
| Styling | CSS, SCSS |
| Backend | REST API (AI model, e.g. Hugging Face) |
| Icons | FontAwesome |
| Deploy | Netlify |
git clone https://github.com/abidakram01/text-to-image-generator-ai-angular.git
cd text-to-image-generator-angularnpm installng serveNow, open your browser and go to:
👉 http://localhost:4200
If you're using an external API (like Replicate or Stability.ai), configure it like so:
// src/environments/environment.ts
export const environment = {
production: false,
apiKey: 'your-secret-api-key'
};Note: Never commit your API keys to GitHub. Use Angular environments or environment variables with proper security.
Here are some helpful scripts you can run:
| Command | Description |
|---|---|
ng serve |
Starts the development server |
ng build |
Builds the app for production |
ng test |
Runs unit tests |
ng lint |
Lints and checks for code quality |
npm run format |
Formats the code using Prettier (if added) |
We love contributions! Here’s how you can help:
- Fork the repository
- Create a new branch
git checkout -b feature/amazing-feature
- Make your changes
- Commit your changes
git commit -m "feat: add amazing feature" - Push the branch
git push origin feature/amazing-feature
- Open a Pull Request
This project is licensed under the MIT License.
Feel free to use, modify, and share it!
Made with ❤️ by Abid Akram
Want to connect? Reach out on LinkedIn