Files

T

Ross cda15991e3 feat: Initial commit of Yoto Up Covers web application

- Added main HTML file (index.html) for the web app interface.
- Created a sample cover template (sample_cover.html) for Yoto cards.
- Implemented a simple HTTP server (server.py) to serve the web app.
- Configured package.json for project metadata and scripts.

2026-01-04 20:43:57 +00:00

1.6 KiB

Raw Permalink Blame History

Static Site Deployment

The Yoto Up Covers web app is a 100% static application that can be deployed to any static site hosting service.

Required Files for Deployment

Only these two files are needed for the web app to function:

web_app/
├── index.html    # Main application
└── app.js        # Application logic

Hosting Options

1. GitHub Pages (Free)

# Create a new repository
git init
git add index.html app.js
git commit -m "Initial commit"
git branch -M main
git remote add origin https://github.com/yourusername/yoto-covers.git
git push -u origin main

# Enable GitHub Pages in repository settings
# Your app will be available at: https://yourusername.github.io/yoto-covers/

2. Netlify (Free tier available)

# Install Netlify CLI
npm install -g netlify-cli

# Deploy
netlify deploy --prod --dir web_app --public

3. Vercel (Free tier available)

# Install Vercel CLI
npm install -g vercel

# Deploy
cd web_app
vercel --prod

4. Manual Upload

Simply upload index.html and app.js to any web hosting service:

AWS S3 + CloudFront
Firebase Hosting
DigitalOcean Spaces
Any traditional web host

Features That Work Offline

✅ Template customization
✅ Color picker
✅ Image upload and editing
✅ Live preview generation
✅ HTML export
✅ Print functionality

Browser Requirements

Modern browser with HTML5 support
File API (for image uploads)
Blob URLs (for previews)
No server-side dependencies

Demo

A live demo can be viewed by opening index.html in any modern web browser.

1.6 KiB Raw Permalink Blame History