logo Project AtmosFarmCLOUD STORAGE
Files & assets

☁️ Cloud Storage

A native Google Drive frontend built into the site — sign in with your Google account, browse folders, preview/open, upload from your computer and download files. 100% client-side: no server, no PHP, no WordPress. Uses Google's official Identity Services, Drive API v3 and Picker API.

⚙️ One-time setup required

Drive access needs your own Google Cloud credentials. Open cloud-storage.html, find the CONFIG block near the top of the <script>, and replace the placeholders (YOUR_CLIENT_ID_HERE, YOUR_API_KEY_HERE). Full steps below.
Show Google Cloud Console setup steps
  1. Go to console.cloud.google.com and create (or pick) a project.
  2. Enable APIs: APIs & Services → Library → enable Google Drive API and Google Picker API.
  3. OAuth consent screen: choose External, fill in the app name + your email. Under Test users add your own Google address (so you can sign in before the app is verified).
  4. Add the Drive scope to the consent screen: https://www.googleapis.com/auth/drive (plus userinfo.email / profile for the account chip — usually added automatically).
  5. Create an API key: Credentials → Create credentials → API key. Paste it into API_KEY. (Optional but recommended: restrict it to the Drive & Picker APIs and to your site's domain.)
  6. Create an OAuth client ID: Credentials → Create credentials → OAuth client ID → Web application. Under Authorized JavaScript origins add the origin you serve this page from — e.g. http://localhost:8000 for local testing and your live origin such as https://yourdomain.com. Paste the client ID into CLIENT_ID.
  7. App ID: the Picker uses your project number (Cloud Console → Project settings). Paste it into APP_ID. (If left blank the rest still works; only the Picker button is affected.)
  8. Save the file and reload this page over http(s) — not file:// (Google OAuth rejects file:// origins). Any tiny static server works, e.g. python3 -m http.server 8000.
🔒

Not signed in

Connect your Google account to browse, preview, upload and download your Drive files. Nothing is stored on this site — the connection lives only in your browser.

Privacy: this page talks to Google directly from your browser using a short-lived access token held in memory only. It is not saved to disk and is dropped when you sign out or close the tab. There is no backend.

Open in Drive ↗