dnd-app-svelte Svelte Themes

Dnd App Svelte

DnD Beyond Wannabe

DnD App Svelte

DnD App Svelte is a web application inspired by D&D Beyond, built using Svelte and Tailwind CSS. This project aims to provide a streamlined interface for managing Dungeons & Dragons characters and campaigns.

Features

  • Character Management: Create and manage D&D characters with customizable attributes.
  • Campaign Tracking: Organize and monitor your campaigns effectively.
  • Responsive Design: Ensures usability across various devices.
  • Modern Tech Stack: Utilizes Svelte for reactive UI components and Tailwind CSS for styling.

Getting Started

Prerequisites

Installation

  1. Clone the repository:

    git clone https://github.com/TheBlackWolf88/dnd-app-svelte.git
    cd dnd-app-svelte
    
  2. Install dependencies:

    Using npm:

    npm install
    

    Or using Yarn:

    yarn install
    
  3. Start the development server:

    Using npm:

    npm run dev
    

    Or using Yarn:

    yarn dev
    

    The application will be available at http://localhost:5173.

Project Structure

  • src/: Contains the main application source code.
  • public/: Static assets and the main HTML file.
  • package.json: Project metadata and scripts.
  • tailwind.config.cjs: Tailwind CSS configuration.
  • svelte.config.js: Svelte configuration.
  • vite.config.ts: Vite configuration for bundling.

Technologies Used

  • Svelte: Frontend framework for building reactive user interfaces.
  • Tailwind CSS: Utility-first CSS framework for styling.
  • TypeScript: Typed superset of JavaScript.
  • Vite: Next-generation frontend build tool.

License

This project is licensed under the MIT License.

Top categories

Loading Svelte Themes