AI Article Summarizer - Sumz

"Sumz: Unleash the Power of Knowledge in a Single Click! Transforming lengthy articles into concise insights. This web app revolutionizes content consumption with summarization."

Comment

Inspiration

Inspiration struck when I realized the overwhelming challenge of information overload in today's fast-paced world. I wanted to make and build something that has a real use case. Then I searched a lot on YouTube and on the web to get an idea of building something that has a pinch of innovation. This sparked the idea for Sumz, an AI Article Summarizer web app designed to revolutionize the way we absorb content. The journey was a profound learning experience, teaching me the intricate dance between innovation and perseverance.

What it does

This is an AI-driven web app that converts long articles into short summaries. It often reduces our time to hover over long articles, but not more .This involves many features, including responsiveness, loader, copy-to-clipboard functionality, History saved on local storage, clear history button, word count functionality, read time functionality, and tailwind css to impart style to the website.

How I built it

  1. Created a React project using Vite from official documentation.
  2. Advance Redux toolkit query API requests.
  3. Used tailwind CSS to impart a simple yet clean and modern style.
  4. Used the RapidAPI key to fetch data about summarizing the articles.

Challenges I ran into

This is the first time I used Tailwind CSS. This is itself a challenge. Moreover, I ran into errors several times, first while downloading dependencies for the project, second while fetching data from the API in my function, and other code mistakes that took hours of my thinking and figuring out the error.

Accomplishments that I'm proud of

Resolving an error is an accomplishment for any developer. Same with me! It feels like Heaven, and gives confidence. So overcoming the challenges was a treat to me.

What I learned

I learned new concepts like Redux Toolkit and Tailwind CSS while making this project. I learn to resolve errors via documentation, the discussion section, and ChatGPT.

What's next for AI Article Summarizer - Sumz

I am learning new technologies and web dev concepts now. So sky is the limit, lets see what happen and what more advancements or features can be made in this project.

Built With

  • rapidapi
  • react.js
  • reduxtoolkit
  • tailwindcss
  • vite
Share this project:

Updates