aquila Svelte Themes

Aquila

A modern web-based game built with Astro, Svelte, and Phaser, featuring Turso database integration and Vercel deployment.

Aquila Game

A modern web-based game built with Astro, Svelte, and Phaser, featuring Turso database integration and Vercel deployment.

Features

  • šŸŽ® Game Engine: Phaser 3 for interactive gameplay
  • šŸŽØ UI Framework: Astro with Svelte components
  • šŸŽÆ Styling: Tailwind CSS with custom animations
  • šŸ—„ļø Database: Turso (LibSQL) with Kysely ORM
  • šŸš€ Deployment: Vercel with serverless functions
  • šŸ“± Responsive: Mobile-friendly design

Quick Start

  1. Install dependencies:

    pnpm install
    
  2. Set up database: See DATABASE.md for detailed setup instructions.

    cp .env.example .env
    # Edit .env with your Turso credentials
    pnpm db:migrate
    
  3. Start development server:

    pnpm dev
    
  4. Open in browser: Navigate to http://localhost:5090

Scripts

  • pnpm dev - Start development server
  • pnpm build - Build for production
  • pnpm preview - Preview production build
  • pnpm lint - Run ESLint
  • pnpm lint:fix - Fix ESLint issues
  • pnpm db:migrate - Run database migrations
  • pnpm db:migrate:down - Rollback last migration

Tech Stack

Project Structure

src/
ā”œā”€ā”€ components/         # Reusable UI components
ā”œā”€ā”€ game/              # Phaser game logic
│   ā”œā”€ā”€ scenes/        # Game scenes
│   ā”œā”€ā”€ characters/    # Character classes
│   └── dialogue/      # Dialogue systems
ā”œā”€ā”€ layouts/           # Astro layouts
ā”œā”€ā”€ lib/               # Database and utilities
│   ā”œā”€ā”€ db.ts          # Database connection
│   ā”œā”€ā”€ repositories.ts # Database operations
│   └── migrations/    # Database migrations
ā”œā”€ā”€ pages/             # Astro pages and API routes
│   ā”œā”€ā”€ api/           # API endpoints
│   └── story/         # Game story pages
└── styles/            # Global styles

Database

The project uses Turso as the database provider with Kysely as the ORM. See DATABASE.md for complete setup instructions.

Deployment

The app is configured for Vercel deployment with the Vercel adapter. Environment variables should be set in your Vercel dashboard.

For complete setup instructions, please see our Tailwind Integration Guide.

Top categories

Loading Svelte Themes