A Svelte template

This is a Svelte template using Parcel and svelte-spa-router - inspired by Hackathon Starter

Express JS server side repo can be found here express-api

Included in template

• Used svelte-spa-router for handling routes svelte-spa-router
• Bundling Parcel
• CSS framework Bulma
• Testing with Jest (with Snapshot support)
• Formatting with ESLint and Prettier
• Transpiling with Babel
• Wallaby enabled
• User authentication
• User profile page with gravatar if availabe else adds a defautl image
• User forgot password
• User roles (customer, admin etc)
• Admin panel section - (currently I am only fetching sample db users)
• Pagination inpired by svelte-paginate - TODO improve pagination
• Contact forms with Nodemailer on the server side and Sendgrid
• Works with this Express API server express-api

Getting started

https://github.com/mylastore/svelte-parcel.git
cd svelte-parcel
npm install && npm start

Now head over to your favourite browser and open up localhost:1234 and you are ready to go.

Build

To build the project run the following:

npm run build

Tests

_NOTE: Current open issue in jest-transform-svelte when adding preprocessor tests get stuck in an infinite loop (works in Wallaby though), Current issue

I prefer running my tests using Wallaby, but if you prefer plain old command line, just type the following to run your tests:

npm t

Linting

You may just check for linting or auto fix using these two options

npm run lint
npm run lint:fix

Login

Forgot Password

User Profile

Admin Panel