Skip to content

isaackoffimoyet/Loop

Repository files navigation

Loop App — Setup Guide

Before you start, install these two things:

  1. Node.jshttps://nodejs.org (click the "LTS" download)
  2. VS Codehttps://code.visualstudio.com

Step 1 — Open the project

  1. Unzip this folder somewhere on your computer (Desktop is fine)
  2. Open VS Code
  3. Go to File → Open Folder → select the loop-app folder
  4. Open the Terminal in VS Code: go to View → Terminal

Step 2 — Install dependencies

In the VS Code terminal, run:

npm install

Wait for it to finish (takes ~1 minute).

Step 3 — Fill in your secret keys

Open the file called .env.local in VS Code. You'll see 5 lines with placeholder values. You need to fill in each one:

GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET:

  1. Go to https://console.cloud.google.com
  2. Click "New Project" → name it "Loop" → Create
  3. Go to APIs & Services → OAuth consent screen → External → fill in app name + your email → Save
  4. Go to APIs & Services → Credentials → Create Credentials → OAuth 2.0 Client ID
  5. Choose "Web application"
  6. Under "Authorized redirect URIs" add: http://localhost:3000/api/auth/callback/google
  7. Click Create — copy the Client ID and Client Secret into .env.local
  8. Go to APIs & Services → Library → search "Gmail API" → Enable it

NEXTAUTH_SECRET:

Run this in your terminal and paste the result:

openssl rand -base64 32

ANTHROPIC_API_KEY:

  1. Go to https://console.anthropic.com
  2. Sign up / log in → API Keys → Create Key → copy it

Your .env.local should look like this when done:

GOOGLE_CLIENT_ID=123456789-abc.apps.googleusercontent.com
GOOGLE_CLIENT_SECRET=GOCSPX-xxxxxxxxxx
NEXTAUTH_SECRET=xxxxxxxxxxxxxxxxxxxxxxxxxxx
NEXTAUTH_URL=http://localhost:3000
ANTHROPIC_API_KEY=sk-ant-xxxxxxxxxx

Step 4 — Run it

npm run dev

Open http://localhost:3000 in your browser. Your app is running!


To put it on the internet (Vercel):

  1. Push this folder to GitHub
  2. Go to https://vercel.com → sign up with GitHub → Import your repo
  3. In Vercel project settings → Environment Variables → add all 5 values from .env.local
  4. Change NEXTAUTH_URL to your Vercel URL (e.g. https://loop-app.vercel.app)
  5. Go back to Google Cloud Console → add your Vercel URL to Authorized redirect URIs
  6. Deploy!

About

Subscription Manager for Micro-SMBs and Solopreneurs

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors