An open API service indexing awesome lists of open source software.

https://github.com/kanadshee-18/saaransh

"Saaransh πŸ“„βš‘ An AI-powered PDF summarizer built with Next.js 15, Langchain, and GPT-4. Upload PDFs, get structured summaries, and manage them with ease. Secure, fast, and intuitive! πŸš€πŸ”"
https://github.com/kanadshee-18/saaransh

framer-motion gemini-flash-2 langchain motion next15 nextjs openai pdf-summarizer-ai react-19 typescript uploadthing zod

Last synced: 7 months ago
JSON representation

"Saaransh πŸ“„βš‘ An AI-powered PDF summarizer built with Next.js 15, Langchain, and GPT-4. Upload PDFs, get structured summaries, and manage them with ease. Secure, fast, and intuitive! πŸš€πŸ”"

Awesome Lists containing this project

README

          

# Saaransh - Transform PDFs into an easy-to-read breautiful reel of impactful summaries with the power of AI!

- [🌏Visit to Saaransh](https://saaransh-ai.vercel.app/)

### Built with Next.js 15 App Router, Clerk for Authentication, React 19, OpenAI GPT-4, Langchain, ShadcN UI Components, Tailwind CSS 4, NeonDB, UploadThing, Cashfree for payments, Typescript, TailwindCSS and more.

![Saaransh](public/opengraph-image.png)

---

## Table Of Contents:

- [Features](#-features)
- [Core technologies I used](#-core-technologies)
- [Application Features](#-application-features)
- [Visual Captures](#-screenshots)
- [Getting Started](#-getting-started)
- [Fork & Clone Repo](#-how-to-fork-and-clone)
- [Acknowledgements](#-acknowledgements)
- [License](#-license)

---

## ⚑ Features:

### πŸͺ’ Core Technologies:

- πŸš€ **Next.js 15 App Router** - Server-side rendering, routing, and API endpoints with Server Components.
- ❄️ **React** - Interactive user interfaces with reusable components.
- πŸ”‘ **Clerk** - Secure authentication with Passkeys, GitHub, and Google Sign-in.
- πŸ€– **GPT-4** - AI-powered summarization with contextual understanding and emoji-enhanced output.
- πŸ“„ **Langchain** - PDF parsing, text extraction, and document chunking.
- 🎨 **ShadCN UI** - Accessible, customizable React components.
- πŸ—„οΈ **NeonDB (PostgreSQL)** - Serverless database for summaries and user data.
- πŸ“€ **UploadThing** - Secure PDF uploads (up to 32MB) and file management.
- πŸ’³ **Cashfree** - Secure and ease payment processing.
- πŸ›  **TypeScript** - Static typing for enhanced development experience.
- 🎨 **TailwindCSS 4** - Utility-first, responsive styling.

### πŸ’« Application Features

- πŸ“ **Clear, structured summaries** with key points and insights.
- 🎨 **Beautiful, interactive summary viewer** with progress tracking.
- πŸ”’ **Secure file handling** and processing.
- πŸ” **Protected routes and API endpoints** for authentication and security.
- πŸ’² **Flexible pricing plans** (Basic and Pro).
- πŸ“© **Webhook implementation** to store the clerk user to our own database.
- πŸ–₯️ **User dashboard** for managing summaries.
- πŸ“± **Responsive design** for mobile and desktop.
- πŸ”„ **Real-time updates** and path revalidation.
- πŸš€ **Production-ready deployment**.
- πŸ”” **Toast notifications** for upload status, processing updates, and error handling.
- ⚑ **Performance optimizations**.
- 🌎 **SEO-friendly** summary generation.

---

## πŸ“Έ Screenshots

Here are some previews of the application:

- A beautiful minimalistic landing page

![Home Page](public/screenshots/landing.png)

- Cool looking pricing cards to buy plans

![Pricing](public/screenshots/pricing.png)

- A simple UI to upload PDFs

![Upload](public/screenshots/upload.png)

- Beautiful dashboard to view all of the summaries

![Dashboard](public/screenshots/dashboard.png)

- A single summary id page to read AI generated summary

![Summary Viewer](public/screenshots/summary-viewer.png)

---

## πŸ›  Getting Started

To get started with this project:

1. **Fork the repository**.
2. **Add .env file to your project**:

> Take reference from **env_example.txt**

3. **Create the required credentials**:
- OpenAI API key
- Clerk authentication setup
- UploadThing configuration
- Cashfree payment setup
- NeonDB database connection

---

## 🌱 How to Fork and Clone

1. Click the "Fork" button in the top right corner of this repository to create your own copy
2. Clone your forked repository to your local machine
3. Install dependencies with `npm install`
- If not work for some dependencies, use `npm install --force` or `npm install --legacy-peer-deps`
4. Set up your environment variables
5. Run the development server with `npm run dev`

---

## πŸ™ Acknowledgements

- [Clerk](https://go.clerk.com/5q0WrFA) for authentication
- [OpenAI](https://openai.com) for GPT-4 API
- [Langchain](https://js.langchain.com) for document processing
- [ShadCN UI](https://ui.shadcn.com/) for components

---

## πŸ“œ License

[MIT LICENSE](LICENSE)