🐧 Keyguin — A Parody Key Store

Keyguin is a parody digital storefront built with SvelteKit, styled using Tailwind CSS and DaisyUI.
This is just for educational purposes—feel free to use this as a template.

📸 Preview

Here’s a quick look at what Keyguin looks like in action:

🚀 Getting Started

Clone the repo or create your own using sv:

# Create a new project in the current directory
npx sv create

# Or create a new project in a folder named "keyguin"
npx sv create keyguin

Then install dependencies:

npm install

🧪 Developing Locally

Spin up a local dev server with hot module reload:

npm run dev

Or automatically open in your browser:

npm run dev -- --open

🏗 Production Build

Build your production-ready app:

npm run build

To preview the final build locally:

npm run preview

UI & Styling

Keyguin uses Tailwind CSS and DaisyUI to make the UI delightful and component-rich.

DaisyUI gives you easy access to styled components out of the box:

<button class="btn btn-secondary">Buy Key</button>

Check out DaisyUI docs for full component usage and theming.

Deployment

To deploy Keyguin, install the appropriate SvelteKit adapter for your platform:

npm install -D @sveltejs/adapter-static

Update your svelte.config.js:

import adapter from '@sveltejs/adapter-static';

export default {
  kit: {
    adapter: adapter()
  }
};

🧊 Project Stack

• Framework: SvelteKit
• CLI: sv
• CSS: Tailwind CSS
• UI: DaisyUI

📄 License

MIT — parody project for educational and entertainment purposes only.