summAI is a web application created as a final exam project for React studies, offering an innovative service that summarizes and translates articles from any part of the web into Italian. With an intuitive user interface and advanced features, summAI is the perfect tool for obtaining concise summaries and accurate translations.
🔗 Live Demo: summAI Demo
- Multi-language Summarization: Paste the URL of an article to receive a summary in Italian, regardless of the original language.
- Seamless Navigation: Easily navigate through the site’s pages: "Home" for service details and pricing plan, "Clients" to view fictional clients who use summAI, and "Demo" to test the summarization and translation feature.
- Smart Caching: Using Redux and RTK Query, summAI stores previous search states, avoiding redundant API calls and enhancing efficiency.
- Search History: Access previously searched articles from the list below the input area for quick retrieval.
- Responsive Design: Fully responsive interface optimized for mobile devices, featuring a handy hamburger menu.
- React: For building dynamic and responsive user interfaces.
- TypeScript: For robust and type-safe code management.
- Tailwind CSS: For modern and customizable styling.
- Framer Motion: For smooth and engaging animations.
- Redux & RTK Query: For efficient state management and API calls.
To use summAI, you need to obtain an API key from RapidAPI:
-
Sign up at RapidAPI.
-
Activate the free basic plan for the Article Extractor and Summarizer API at Article Extractor and Summarizer Pricing, which provides 50 free requests per month.
-
Insert your API key into the
.envvariable in the project code:VITE_API_ARTICLE_KEY='API_KEY_HERE'
summAI, from UI design to the logo and code, has been personally created to ensure a cohesive and unique user experience. This project has also served as a valuable opportunity to learn new technologies and enhance my portfolio.
Thanks to RapidAPI for providing the API that powers this application.
Developed with ❤️ by Carlo Caruso