AI-assisted lead discovery for beauty and skincare retail across Canada and Nigeria, built for Inscend.
# Inscend Lead Radar
Beauty and skincare lead discovery dashboard for Canada and Nigeria.
A clean React + Vite app. No Base44. No backend required. Deploy to Vercel in minutes.
---
## Stack
- React 18 + Vite
- Inline styles (no Tailwind dependency)
- localStorage for data persistence
- Google Gemini API for discovery and lead analysis (key stored in browser only)
---
## Run Locally
### Prerequisites
- Node.js 18+ installed (nodejs.org)
### Steps
```bash
# 1. Install dependencies
npm install
# 2. Start dev server
npm run dev
```
The app opens at `
localhost`
---
## Add Your Gemini API Key
1. Get a free key at
aistudio.google.com
2. Open the app and click **Gemini setup** in the top right
3. Paste your key → click **Save Key**
4. The key is saved only in your browser and sent directly to Google Gemini when you use AI features
Once connected, open any lead card → click **Analyze** to get:
- Signal strength assessment
- Initial fit guess
- Discovery note
- Outreach angle suggestion
---
## Add Your Own Leads
Leads are stored in `localStorage` under the key `inscend_leads`. The app ships with sample leads to work immediately.
To add custom leads programmatically, edit `src/data/sampleLeads.js`. It is the default seed data loaded on first visit.
Future: A lead import form or CSV import can be added to `src/Home.jsx`.
---
## Deploy to Vercel
### Option A: Vercel CLI
```bash
npm install -g vercel
vercel
```
### Option B: GitHub + Vercel Dashboard
1. Push this repo to GitHub
2. Go to vercel.com → **Add New Project**
3. Import your GitHub repo
4. Vercel auto-detects Vite:
- **Build Command:** `npm run build`
- **Output Directory:** `dist`
5. Click **Deploy**
No environment variables are required. The Gemini key is entered by users inside the app and saved in their browser.
---
## Project Structure
```
inscend-lead-radar/
├── index.html # App entry
├── vite.config.js # Vite config (no Base44 plug …