Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jonathanjameswatson/shopping
A simple shopping list web app
https://github.com/jonathanjameswatson/shopping
buefy bulma mongodb nuxt pwa scss
Last synced: 2 days ago
JSON representation
A simple shopping list web app
- Host: GitHub
- URL: https://github.com/jonathanjameswatson/shopping
- Owner: jonathanjameswatson
- License: mit
- Created: 2020-04-27T15:52:12.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-12-22T15:44:44.000Z (about 2 years ago)
- Last Synced: 2024-11-14T00:26:31.225Z (about 1 month ago)
- Topics: buefy, bulma, mongodb, nuxt, pwa, scss
- Language: Vue
- Homepage: https://shopping.jonathanjameswatson.com
- Size: 1020 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# shopping app
> A simple shopping list web app
## Features
This web app lets you create and order sections of a shop. Items can then be added to a shopping list and be automatically ordered based on which section they are in. This website can also set up to allow users with a password to save and load one shopping list on the server.
## Setup
Make sure you have [Node.js](https://nodejs.org/) and [Yarn](https://yarnpkg.com/) installed.
```bash
$ git clone https://github.com/jonathanjameswatson/shopping.git # or clone your own fork
$ cd shopping
$ yarn install
```
[See this section for setting up saving and loading](setting-up-saving-and-loading).
## Usage
```bash
# To run in development at localhost:3000
$ yarn run dev
# To run in production at localhost:3000
$ yarn run build
$ yarn run deploy
# To generate a static SPA
$ yarn run generate
```
## Setting up saving and loading
To set up saving and loading, host this website on Netlify. Netlify needs the SHOPPING_JWT_SECRET environment variable set to a secret key before deploying the web app in production and the SHOPPING_MAIN_PASSWORD environment variable to the password needed to access saving and loading.
The database used for this web app uses MongoDB. Set up a database with the name "shopping" and a capped collection also named "shopping". Set the SHOPPING_DB_CONNECTION_STRING environment variable in Netlify to the database cluster's connection string.
## Website
[Visit the web app here.](https://shopping.jonathanjameswatson.com/)
## License
[MIT](https://choosealicense.com/licenses/mit/)
## Attributions
Icons in this app are from [Twemoji](https://twemoji.twitter.com/) and [Material Design Icons](https://materialdesignicons.com/).