AI Keyword Extractor is a web application that allows users to input text and extract keywords or bullet points from the given text. This project leverages React.js for the front end, Chakra UI for the user interface components, and Vite for the build tool. The backend utilizes GROQ API to make RESTful API calls and fetch data from the Llama model-3.
- Text Input: Users can write or paste text into an input box.
- Keyword Extraction: Extracts keywords or bullet points from the input text.
- Comma-Separated Output: Provides the extracted keywords or bullet points in a comma-separated format.
- Responsive Design: A user-friendly interface designed with Chakra UI.
- React.js: JavaScript library for building user interfaces.
- Chakra UI: Simple, modular, and accessible component library.
- Vite: Next-generation frontend tooling.
- GROQ API: Query language for fetching data from the Llama model-3.
In the context of the project, the GROQ API is used to fetch data from the Llama model-3. Here’s how it integrates:
-
Making RESTful API Calls: The frontend application (built with React.js and Vite) uses the GROQ API to make RESTful calls.
-
Fetching Data: The GROQ queries are used to retrieve the data processed by the Llama model-3, such as extracting keywords or bullet points from the input text.
-
Displaying Data: The fetched data is then displayed in the user interface using Chakra UI components.
-
Clone the repository:
git clone https://github.com/yourusername/ai-keyword-extractor.git cd ai-keyword-extractor
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
- Open the application in your web browser.
- Enter or paste the text into the input box.
- Click the "Extract Keywords" button.
- The extracted keywords or bullet points will be displayed in a comma-separated format.
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh