https://github.com/sudo-satvik/engage-lens
EngageLens: An AI-powered social media analytics platform built with DataStax Astra DB and Langflow. Analyze engagement, uncover insights, and optimize content strategies effortlessly. Created for the Level Supermind Hackathon by Team ANiMAXiO
https://github.com/sudo-satvik/engage-lens
ai datastax fullstack langflow rag reactjs typescript
Last synced: 4 months ago
JSON representation
EngageLens: An AI-powered social media analytics platform built with DataStax Astra DB and Langflow. Analyze engagement, uncover insights, and optimize content strategies effortlessly. Created for the Level Supermind Hackathon by Team ANiMAXiO
- Host: GitHub
- URL: https://github.com/sudo-satvik/engage-lens
- Owner: sudo-Satvik
- License: mit
- Created: 2025-01-03T08:07:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-18T12:41:00.000Z (over 1 year ago)
- Last Synced: 2025-05-05T20:21:47.754Z (about 1 year ago)
- Topics: ai, datastax, fullstack, langflow, rag, reactjs, typescript
- Language: TypeScript
- Homepage: https://engage-lens.onrender.com
- Size: 11.9 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# EngageLens - AI Based Social Media Analyzer Web App
A powerful social media analytics platform that provides deep insights into your social media engagement through an AI-powered lens. Built for the **Level Supermind Hackathon**, EngageLens leverages **DataStax Astra DB** and **Langflow** to analyze engagement data and deliver actionable insights.
---
## 📸 Glimpses:
### Langflow
### Landing Page
### The macbook effect!!!
### Main Dashboard
### Each Post Details
### Engagement Trends
### AI ChatBot which helps users to get insights
## 👁️ About EngageLens
EngageLens is your intelligent companion for social media analytics, helping you:
- Analyze engagement patterns across different post types.
- Generate AI-powered insights for content optimization.
- Visualize performance metrics through an intuitive dashboard.
- Track and compare metrics across various content formats.
---
## 🌟 Key Features
### **📊 Smart Analytics Dashboard**
- Real-time engagement tracking.
- Interactive data visualization.
- Historical trend analysis.
- Performance comparisons.
### **🤖 AI-Powered Insights**
- GPT-generated content recommendations.
- Engagement pattern detection.
- Performance prediction.
- Content optimization suggestions.
### **📈 Post Type Analysis**
- Comprehensive comparison across:
- Carousel posts.
- Reels.
- Static images.
---
## 🛠️ Tech Stack
- **DataStax Astra DB**: For database management and operations.
- **Langflow**: For workflow creation and GPT integration.
- **OpenAI API key**: To generate AI-driven insights.
- **Vite-React**: For building the user interface and analytics dashboard.
- **NodeJS/Express**: Backend Server for API calls and data management.
---
## 📂 Project Structure
```plaintext
engage-lens/
├── .vscode/ # Configuration files for Visual Studio Code
├── backend/ # Backend server implementation
│ ├── build/ # Compiled backend files (if applicable)
│ ├── node_modules/ # Dependencies for the backend
│ ├── src/ # Source code for backend
│ │ ├── index.js # Main entry point for the Express.js server
│ │ └── other-files # Additional backend modules
│ ├── .env # Environment variables for backend configuration
│ ├── package.json # Backend package dependencies
│ ├── package-lock.json # Backend package lockfile
│ ├── tsconfig.json # TypeScript configuration for backend
│ └── .gitignore # Ignore list for backend files
├── frontend/ # Frontend implementation
│ ├── .vite/ # Vite cache files (generated)
│ ├── node_modules/ # Dependencies for the frontend
│ ├── public/ # Static assets like images and icons
│ ├── src/ # Source code for frontend
│ │ ├── components/ # Reusable UI components
│ │ ├── App.jsx # Main React app file (or equivalent)
│ │ └── other-files # Additional frontend modules
│ ├── index.html # Root HTML file for the frontend
│ ├── package.json # Frontend package dependencies
│ ├── package-lock.json # Frontend package lockfile
│ ├── tailwind.config.js # Tailwind CSS configuration
│ ├── vite.config.ts # Vite configuration file
│ ├── eslint.config.js # ESLint configuration
│ ├── tsconfig.json # TypeScript configuration
│ ├── postcss.config.js # PostCSS configuration
│ └── .gitignore # Ignore list for frontend files
├── README.md # Documentation for the project
├── LICENSE # License file
└── assets/
```
## 🏗️ How to Get Started
1. Clone the Repository
```bash
git clone https://github.com/sudo-Satvik/engage-lens.git
cd EngageLens
```
2. Install Dependencies
```bash
npm install
```
Follow Langflow [documentation](https://docs.langflow.org/) to set up Langflow.
3. Set Up **DataStax Astra DB**
Sign up at DataStax Astra.
Create a database and download the secure connect bundle.
Place the secure connect bundle in the project directory.
4. Set Up **OpenAI API key**
Sign up at OpenAI.
Generate an API key.
5. Start the Backend Server
```bash
npm run dev
```
6. Start the Frontend Server
```bash
npm run dev
```
7. Open [http://localhost:5173](http://localhost:5173) in your browser.
## 🎯 Vision
EngageLens aims to revolutionize how creators and businesses understand and optimize their social media performance. By combining cutting-edge AI technology with robust analytics, we provide insights that are not just data points, but actionable strategies for growth.
## 👥 Meet the minds behind EngageLens:
- [Satvik Sharma](https://github.com/sudo-Satvik/)
- [Sahil Sharma](https://github.com/SAHIL-Sharma21/)
- [Devendra Kumar](https://github.com/KumaDevendra/)
Created with ❤️ by Team ANiMAXiO