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 installUsage:
$ npm run dev- will run gulp bundler watchers in
developmentmode then start a local Express.js server athttp:https://localhost:3000/
$ npm run build- will generate source files in
./publicfolder inproductionmode
$ npm run serve- serve
./public/index.htmlwith 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