Simple Visual Novel Engine

using Svelte a Web Frontend Framework and Tailwind CSS for Styling using Directed Graph Data Structure to model relationship between Scene.

Click here to view the live project or here

Github Repo

Every Scene in Visual notel act as a Node in a Graph Data Structure it contains all possible path that exists.

Node.js (Latest Version)

Setup

  1. download or clone the repo.

  2. then install dependencies

# for npm
npm install

# for yarn
yarn

# for pnpm
pnpm install

Developing

start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

Before creating a production version of your app, install an adapter for your target environment. Then:

npm run build

You can preview the built app with npm run preview, regardless of whether you installed an adapter. This should not be used to serve your app in production.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes