This is my submission for the CreaVPN Website Challenge, designed and developed by Muhammed Sabith A S.
The project combines a modern web application with an Electron desktop application, leveraging Next.js, Tailwind CSS, Supabase, Electron, and Google Gemini AI.

• Next.js (frontend framework)
• Tailwind CSS (UI styling)
• Supabase (authentication & backend)
• React Leaflet (map rendering)
• Electron.js (desktop app as .exe)
• Google Gemini AI (chatbot integration)

• / → Root (Homepage)
• /about → About Page
• /articles → Blogs Section
• /pricing → Pricing Page
• /our-missions → Missions Page
• /contact-us → Contact Section
• /dashboard → Dashboard (important page)

• Working Download Button → Downloads and installs the Electron-based .exe app.
• Country Selection in Dashboard → Choose different countries and connect via VPN.
• Map Integration → Tile layer powered by StadiaMaps.
• Hosting → Hosted on Vercel (Live Demo)
  • Note: Map tiles behave differently on Vercel, so an alternate layer is used there.
• AI Chatbot → Powered by Google Gemini API.
• Responsive Design → Optimized up to 640px (Tailwind’s default).

The following keys are required when testing locally:

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
NEXT_PUBLIC_GEMINI_API_KEY=

Example file: .env.example → rename to .env and update with your keys.

Obtain a Google Gemini API key here: Google AI Studio

If you don’t want to set up locally, you can explore the hosted version: creavpn_vercel_hosted

📦 Source Code

CreaVPN Website (Next.js)

CreaVPN Electron App

Note: Both repositories will be made public after August 30, 2025.

• LinkedIn → Muhammed Sabith A S
• GitHub → @masterdevsabith
• Instagram → sabiiii.fx

# Clone the repository
git clone https://github.com/masterdevsabith/CREAVPN.git
cd CREAVPN

# Install dependencies
npm install

# Setup environment variables
cp .env.example .env
# Fill in NEXT_PUBLIC_SUPABASE_URL, NEXT_PUBLIC_SUPABASE_ANON_KEY, NEXT_PUBLIC_GEMINI_API_KEY

# Run the development server
npm run dev

git clone https://github.com/masterdevsabith/creavpn-electron-app.git cd creavpn-electron-app

npm install

npm start

npm run build