Skip to content

Atharv-110/Summify

Repository files navigation

github-banner

SUMMIFY

Amplify Your Reading Experience with GPT-4-Powered Summaries!

Overview

Summify is a cutting-edge web application created to make it easier to quickly absorb lengthy articles and gain insightful knowledge. Users can easily create succinct and coherent summaries of articles using Summify by entering the article's link as input.

Technologies Used:

  • ReactJS: Utilized for single-page rendering of the application and facilitating component reusability.

  • Tailwind CSS: Employed as a widely recognized CSS Framework to streamline and create a minimalistic user interface for the Web App.

  • Redux/Redux-Toolkit: Leveraged to handle the storage and management of the API and its associated endpoints. Redux-Toolkit simplifies the utilization of Redux capabilities, allowing for the creation of a comprehensive API store specifically tailored to the UI/Frontend.

  • In addition to utilizing CSS 3 for custom CSS, employed Firebase for the deployment, Figma for designing, and Git/GitHub for version control, among other tools.

Folder Structure

root:
|   firebase.json
|   index.html
|   package.json
|   postcss.config.js
|   README.md
|   tailwind.config.js
|   tree.txt
|   vite.config.js
|                 
+---public
|       favicon.png
|       
\---src
    |   App.css
    |   App.jsx
    |   main.jsx
    |   
    +---assets
    |       clear.png
    |       copy.svg
    |       grid1.png
    |       index.js
    |       link.svg
    |       loader.svg
    |       logo.png
    |       tick.svg
    |       
    +---components
    |       Demo.jsx
    |       Footer.jsx
    |       Hero.jsx
    |       
    \---services
            article.js
            store.js

Demonstration

Summify-final.mp4

About

A Web App that Summarizes any article from web.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published