AI-Summarizer Tailwind Templates

Ai Summarizer

This is an AI-Summarizer application using RapidAPI ,REACTJS and Tailwind CSS

AISummarizer:

AI-Summarizer Application

This is an AI-powered summarizer application built using React, Vite, Tailwind CSS, and RapidAPI. The app takes long articles and generates clear, concise summaries, making reading more efficient.

Features

  • Summarizes articles using AI
  • User-friendly interface
  • Built with modern technologies: React, Vite, and Tailwind CSS
  • Integrates with RapidAPI for summarization services

Technologies Used

  • React: JavaScript library for building user interfaces
  • Vite: Next-generation front-end build tool
  • Tailwind CSS: Utility-first CSS framework
  • RapidAPI: For accessing the article summarization API

Setup and Installation

  1. Clone the repository:

    git clone https://github.com/Hajer45/AI-Summarizer
    cd AI-Summarizer
    
  2. Install dependencies:

    npm install
    
  3. Add your RapidAPI Key:

    • Create a .env file in the project root.

    • Add your RapidAPI key in the .env file as follows:

      VITE_RAPID_API_KEY=your_rapid_api_key_here
      
  4. Start the development server:

    npm run dev
    

Deployment

This project has been deployed using Netlify. You can access the live version of the AI Summarizer application via the following link:

AI Summarizer Live Demo

Usage

  1. Enter the URL of an article you want to summarize.
  2. Click the Summarize button to generate the summary.
  3. The application will display the summarized content below the input field.

Top categories

Loading Svelte Themes