The Svelte Trello clone app is a project that utilizes Svelte.js to create a clone of the popular project management tool, Trello. This project serves as a guide for learning how to set up a project using Svelte and Snowpack, a next-generation build tool. The app is built using the Svelte template with Rollup as the bundler. It also includes various packages such as @rollup/plugin-commonjs, @rollup/plugin-node-resolve, rollup-plugin-livereload, rollup-plugin-svelte, rollup-plugin-terser, svelte, sirv-cli, and more. The article also provides instructions on how to install and configure the necessary packages for the project.
To install the Svelte Trello clone app, follow these steps:
Update the default packages by running the following command in the terminal:
npm i
Install the additional packages by copying the contents of the package.json file from the completed example and pasting it into the package.json file of your project. Then, run the following command in the terminal:
npm install
If necessary, install the @rollup/plugin-alias, @rollup/plugin-strip, rollup-plugin-node-builtins, rollup-plugin-node-globals, rollup-plugin-replace, svelte-preprocess, autoprefixer, node-sass, crypto-random-string, sortablejs, and lodash packages separately with the specified versions.
Configure the Svelte for VS Code extension by entering the NodeJS installation path in the Svelte > Language-server: Runtime option. Restart VS Code after completing the configuration.
The Svelte Trello clone app is a project that demonstrates how to create a Trello clone using Svelte.js and Snowpack. It utilizes various packages for build and development processes, along with the Svelte template and Rollup as the bundler. The installation process is outlined with instructions on updating packages and configuring the necessary settings for the project.
