limiting-reagents Svelte Themes

Limiting Reagents

A simple svelte-based chemical reaction simulation

Limiting Reagant Simulator

License

Free to use and adapt under CC BY-NC-SA 4.0. Also, feel free to read and borrow any techniques that are useful. If you for some reason have some commercial use for this, get in touch.

Developing

Install the dependencies...

git clone [email protected]:midnightmonster/limiting-reagents.git
cd limiting-reagents
npm install

...then start Rollup:

npm run dev

Navigate to localhost:5000. You should see the app running.

By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the sirv commands in package.json to include the option --host 0.0.0.0.

If you're using Visual Studio Code I recommend installing the official extension Svelte for VS Code. If you are using other editors you may need to install a plugin in order to get syntax highlighting and intellisense.

Production build, run, deploy

To create an optimised version of the app:

npm run build

You can run the newly built app with npm run start. This uses sirv, which is included in the package.json's dependencies so that the app will work if you deploy to platforms like Heroku.

Deploy

You can deploy to netlify by just dragging the public folder into a netlify deploy drop zone after a build.

More deployment options (suggestions from Svelte template, haven't tried)

With Vercel

Install vercel if you haven't already:

npm install -g vercel

Then, from within your project folder:

cd public
vercel deploy --name my-project

With surge

Install surge if you haven't already:

npm install -g surge

Then, from within your project folder:

npm run build
surge public my-project.surge.sh

Top categories

Loading Svelte Themes