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.
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.
- Real-time engagement tracking.
- Interactive data visualization.
- Historical trend analysis.
- Performance comparisons.
- GPT-generated content recommendations.
- Engagement pattern detection.
- Performance prediction.
- Content optimization suggestions.
- Comprehensive comparison across:
- Carousel posts.
- Reels.
- Static images.
- 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.
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
└── other-files # Additional files or configuration
- Clone the Repository
git clone https://github.com/sudo-Satvik/engage-lens.git
cd EngageLens- Install Dependencies
npm installFollow Langflow documentation to set up Langflow.
-
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.
-
Set Up OpenAI API key Sign up at OpenAI. Generate an API key.
-
Start the Backend Server
npm run dev- Start the Frontend Server
npm run dev- Open http://localhost:5173 in your browser.
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: