Skip to content

Latest commit

 

History

History
64 lines (51 loc) · 1.97 KB

README.md

File metadata and controls

64 lines (51 loc) · 1.97 KB

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