https://github.com/np5555/generative-ai
A React-powered Generative AI app that transforms your prompts into dynamic content. 🚀 Featuring TailwindCSS styling, Axios integration, and error handling, this app delivers a seamless user experience. Perfect for creative projects or AI experiments!
https://github.com/np5555/generative-ai
ai genrative-ai giminai google prompt reactjs
Last synced: about 2 months ago
JSON representation
A React-powered Generative AI app that transforms your prompts into dynamic content. 🚀 Featuring TailwindCSS styling, Axios integration, and error handling, this app delivers a seamless user experience. Perfect for creative projects or AI experiments!
- Host: GitHub
- URL: https://github.com/np5555/generative-ai
- Owner: NP5555
- Created: 2024-08-25T07:37:08.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-12-09T19:57:06.000Z (over 1 year ago)
- Last Synced: 2025-04-04T17:31:04.852Z (about 1 year ago)
- Topics: ai, genrative-ai, giminai, google, prompt, reactjs
- Language: JavaScript
- Homepage: https://generativeai-mu.vercel.app
- Size: 272 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## NGS Generative AI
##### live link:
# NGS Generative AI is a React-based application for generating creative and contextual AI content using prompts. Built with modern tools like React and Axios, it provides an interactive user interface for seamless text generation.
# Features
AI-Powered Text Generation: Generate content by entering a prompt.
Responsive UI: Clean and user-friendly interface.
Error Handling: Displays error messages for failed requests.
Real-Time Updates: Dynamically updates results based on input prompts.
## Technologies Used
React: Frontend framework for building the UI.
Axios: For handling API requests to the server.
TailwindCSS: For styling the UI components.
Installation
Clone the repository:
bash
Copy code
git clone https://github.com/your-username/NGS-Generative-AI.git
cd NGS-Generative-AI
Install dependencies:
bash
Copy code
npm install
Start the development server:
bash
Copy code
npm start
Ensure the backend /api/generate endpoint is properly set up to handle requests.
## Usage
Enter a prompt in the text area.
Click the "Generate" button to generate AI content.
View the generated content in the list below.
Folder Structure
scss
Copy code
src
├── components
│ └── GoogleAi.js // Main component for the application
├── App.js // Entry point for the React app
├── index.js // ReactDOM rendering logic
└── styles // TailwindCSS styles
## Backend Requirements
This app requires a backend server with a /api/generate endpoint to process prompts and return AI-generated content. You can set up a Node.js/Express server or connect to any suitable API.
## Contributing
Contributions are welcome! Please open an issue or submit a pull request with your changes.
##License
This project is licensed under the MIT License.