E-Commerce Shopping Cart using Alpine.js Framework
Handle shopping cart most common tasks: create, read, update, delete products, clear cart, display cart details via slide out menu...
Overview:
- check e-commerce-alpine-store-front live on netlify
Installation:
$ npm install
Usage:
$ npm run dev
- will run gulp bundler watchers in
development
mode then start a local Express.js server athttp://localhost:3000/
$ npm run build
- will generate source files in
./public
folder inproduction
mode
$ npm run serve
- serve
./public/index.html
with local server
List of Packages:
Dependencies
Package | Description |
---|---|
@alpinejs/mask | An Alpine plugin for input masking |
@alpinejs/persist | Persist Alpine data across page loads |
alpinejs | The rugged, minimal JavaScript framework |
alpinejs-money | Format money through Alpine JS into any language and currency |
alpinejs-tash | Render Alpine JS variables with moustache syntax {} |
devDependencies
Package | Description |
---|---|
colors | Get colors in your node.js console |
cross-env | Run scripts that set and use environment variables across platforms |
del | Delete files and directories |
eslint | An AST-based pattern checker for JavaScript |
eslint-config-standard | JavaScript Standard Style - ESLint Shareable Config |
eslint-plugin-import | Import with sanity |
eslint-plugin-n | Additional ESLint's rules for Node.js |
eslint-plugin-promise | Enforce best practices for JavaScript promises |
express | Fast, unopinionated, minimalist web framework |
fancy-log | Log things, prefixed with a timestamp |
gulp | The streaming build system |
gulp-dart-sass | Gulp plugin for sass |
gulp-esbuild | Gulp plugin for esbuild bundler |
gulp-eslint-new | A gulp plugin to lint code with ESLint 8 |
gulp-file-include | A gulp plugin for file include |
gulp-if | Conditionally run a task |
gulp-nodemon | It's gulp + nodemon + convenience |
gulp-open | Open files and URLs with gulp |
gulp-rename | Rename files |
gulp-replace | A string replace plugin for gulp |
gulp-size | Display the size of your project |
http-errors | Create HTTP error objects |
nodemon | Simple monitor script for use during development of a Node.js app |
List of Packages generated by Dep to Doc CLI 1.2.0
- Thomas G. aka Drozerah - Github