Small collection of projects I'm doing while learning Vue.js
Some are original projects, if the demo is related to a particular course or tutorial it will be noted and linked to below.
- Shopping Cart
- Demo | Source
- Notes:
- From Udemy Course: Getting Started with Vue.js
- Cart uses static data provded with course
- Person Lookup
- Demo | Source
- Notes:
- Loosely based on demo from Udemy Course: Getting Started with Vue.js
- Grabs names for group of people with ability to display extended data for individual person
- Made using:
- Data from API at https://randomuser.me/
- Vue-resource plugin
- To-Do List
- Demo | Source
- Notes:
- Very simple to-do list app
- Starts with 2 example items
- Enter text and hit enter key to add new items
- Click on items to toggle completed status
- Each item can be removed with delete button on right-hand side
- Click on priority label to change task priority
- Tasks auto-sort by priority and when they were created (highest priority and newest tasks first)
- To-do list uses local storage, items persist unless browser cache is cleared
- Moved hosting of this app to Firebase to prepare for new features that will be added
- Subreddit Feeds
- Demo | Source
- Notes:
- Based on Tutorialzine article: Building Your First App With Vue.js
- Grabs content from predetermined list of subreddits on Reddit
- No searching or filtering at this time
- Makes use of Vue-resource plugin
- Random Design Quotes
- Demo | Source
- Notes:
- Very barebones random desing quote generator
- Truncates quote in Tweet content if necessary
- Uses API at https://quotesondesign.com/api-v4-0/
- Makes use of Vue-resource plugin