https://github.com/nunogois/wishlist
A basic wishlist made in Quasar Framework!
https://github.com/nunogois/wishlist
easy list quasar quasar-framework simple tutorial wishlist
Last synced: about 1 month ago
JSON representation
A basic wishlist made in Quasar Framework!
- Host: GitHub
- URL: https://github.com/nunogois/wishlist
- Owner: nunogois
- Created: 2019-05-14T15:58:32.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-03T09:29:23.000Z (over 3 years ago)
- Last Synced: 2025-01-26T07:28:10.944Z (over 1 year ago)
- Topics: easy, list, quasar, quasar-framework, simple, tutorial, wishlist
- Language: Vue
- Homepage: https://wishlist-quasar.netlify.com/
- Size: 3.57 MB
- Stars: 1
- Watchers: 3
- Forks: 1
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://www.nunogois.com)
[](https://quasar-framework.org/)
[](https://nodejs.org/en/)
[](https://www.mongodb.com/)
[](https://github.com/yokiharo/wishlist/commits/master)
# Wishlist
A simple [Wishlist](https://wishlist-quasar.netlify.com) app made with [Quasar Framework](https://quasar-framework.org/)!
This app is a PWA. If you access it using Chrome on Android, for example, it may ask you to install it. You can also install it through an option on the bottom left menu.
It has offline capabilities as it uses LocalStorage but you can also sign in with Google OAuth to save your wishlist.
You can find the API/back-end repository [here](https://github.com/yokiharo/wishlist-api).
Feel free to contribute!
### Tips
- You can press the Enter key to add new items to your list;
- We use sockets, so you can sign in with your account on multiple devices at the same time and they sync, like magic :sparkles:
- The menu option on the bottom left corner is context sensitive, its options change accordingly;
- You can install this PWA through an option on the bottom left corner menu, if applicable;
## Quick Start
1. Clone this repository by running `git clone https://github.com/yokiharo/wishlist.git` in a folder of your choice;
2. Run `npm install` or `yarn` on the created project folder to install pre-requisites;
3. Run `quasar dev` to start developing (see Quasar Framework docs for more information!);
4. Make your changes and create a PR :smiley:
### Possible Next Steps
1. Several lists for each user;
2. Rewrite API in Go;
3. Major cleanup and refactoring;
--------------------------------------------
## Disclaimer
This app's only purpose is educational - We made it for fun mostly as a way of learning and training [Quasar Framework](https://quasar-framework.org/). The app is provided to you *as is*, considering it is an open-source project and may change over time. If the app performance isn't the best, please keep in mind that every single part of it is being hosted by **100% free** services. The app **does not** store any information from you except in the case of signing in, in which case we store your list items along with your OAuth provider's ID, e.g. Google ID, so you can retrieve them later. The information is stored on a free tier cluster on [MongoDB Atlas](https://www.mongodb.com/cloud/atlas). In case of offline use instead of signing in, the app only stores information locally in your browser, using [Quasar Web Storage (LocalStorage)](https://quasar-framework.org/components/web-storage.html).
We're still learning and as such it's only natural to make mistakes. Let us know if there's something that should be corrected or could be done better. All feedback is welcome!