XtractAI is a powerful AI summarizing tool built with React, Vite, and TailwindCSS. It leverages RapidAPI to shorten the content of web pages, making it easy for users to quickly summarize long web pages in various languages.
- Uses RapidAPI to access a powerful AI summarizing engine.
- Summarizes web pages in multiple languages, including English, French, German, Spanish, and Chinese.
- Customizable length for the generated summary.
- Supports summarization of web pages from diverse sources such as news websites, blogs, and academic papers.
- Easy to use and highly customizable to meet your specific needs.
- React: JavaScript library for building user interfaces.
- Vite: Web development framework that uses Rollup for efficient bundling.
- TailwindCSS: Utility-first CSS framework for easily styling web pages.
- RapidAPI: Marketplace for accessing a variety of AI services.
- Utilizes the power of RapidAPI to access a robust AI summarizing engine, allowing XtractAI to generate summaries in multiple languages and customize summary lengths.
- User-friendly design and straightforward installation process, ensuring ease of use for all users.
- Wide range of applications, empowering anyone who needs to quickly and effortlessly summarize lengthy web pages.
- Expand language support to include more diverse languages.
- Enable users to select their preferred AI summarizing engine.
- Integrate XtractAI with other popular web development frameworks for enhanced compatibility.
Follow these steps to get started with XtractAI:
- Clone the repository:
git clone https://github.com/your-username/XtractAI.git
- Go to Link and choose a free plan and copy the API Key to The .env folder and paste the key
- Install :
npm install
- Choose
Vanilla
opt - Install :
npm install -D tailwindcss postcss autoprefixer
- Install :
npx tailwindcss init -p
- Install :
npm install @reduxjs/toolkit
- Customize the configuration to meet your needs.
- Launch the application:
npm run dev
- To Pack the Application run
npm run build
- All files will be in the
dist
folder - That's it you are done!!
For detailed usage instructions, please refer to the documentation Above !!!
Medium
This project is Open Source