LeadShark MVP Guidelines
Overview
LeadShark is a LinkedIn lead generation dashboard that automates the process of finding and engaging with potential leads through LinkedIn posts and comments.
Technical Requirements
- Frontend: JavaScript (ES6+), NextJS framework
- Backend: Supabase
- Database: PostgreSQL or Supabase
- Cloud Infrastructure: Vercel
- Source Control: GitHub
- Authentication: Supabase Magic Link
- Payment Processing: Stripe API
- LinkedIn Automation: Unipile API
User Flow
- User selects LinkedIn post URL, specific keywords, DM template, and connection/InMail settings
- System checks connection status:
- If not connected, send a connection request
- Once approved, send the DM
- If InMail credits are available, send InMail instead of a connection request
- Log all interactions on the dashboard
- Allow users to edit/pause lead magnets and export leads as CSV
Design Guidelines
Font
Header Font: Space Grotesk
Body Font: Be Vietnam Pro
Color Scheme
- Primary Color: #5F4CFA
- Background Color: #131313
- Secondary Background: #2A2A2A
- Text Color: #F3F3F3
- Subtext Color: #BBBBBB
Development Steps
- Set up project environment
- Create GitHub repository
- Set up Next.js project with TypeScript
- Configure Tailwind CSS
- Implement user authentication
- Set up Supabase project
- Implement magic link authentication
- Create login and signup pages
- Build centralized dashboard
- Create dashboard layout
- Implement LinkedIn post URL selection
- Add keyword and DM template input fields
- Create interaction log section
- Develop lead magnet management
- Create, edit, and pause lead magnets
- Implement lead magnet status tracking
- Integrate automation features
- Set up Unipile API integration
- Implement comment scraping automation
- Develop connection request and DM sending logic
- Add InMail sending functionality
- Implement payment integration
- Set up Stripe API integration
- Implement credit system
- Create pricing plan page
- Develop export functionality
- Implement CSV export for leads
- Testing and feedback
- Conduct user acceptance testing
- Gather feedback and make necessary adjustments
- Finalize and deploy
- Set up Vercel project
- Configure deployment settings
- Deploy MVP to production