ajn123 / ta-da-list

A To-Do list with Vue and Rails

Ta-Da List

This is a Single Page Application that allows users to log in and create a to-do list. The user can also interact with their list through my api.

You can create to do lists and mark them completed as you go. Each list can have as many items as you need, an item must be associated with a list.

URL	Parameters
POST /lists.json	content, items_attributes: {[title, content, due_date]}
GET /lists.json

You can make an external request with your API key displayed when you walk in You need to pass in your API key to the Authorization header in your request.

This project uses basic Authorization so in your header you would do:

headers: Authorization: Basic <token>

This project uses:

• accepts_nested_attributes_for to allow lists to submit items in their request
• protect_from_forgery with: nullsession to allow api requests form any where
• Action Cable to let the frontend app update after any API requests
• Dynamic form validation with Vue.js
• Overrides the as_json method to provided the nested attributes for a list
• Uses memoization to only create item JSON objects once
• Routing with Vue Router
• Data stored in Vuex
• axios for data requests

Rails backend api with Vue.js binding the frontend

Run

• Clone Project
• cd into the directory
• run bundle install
• run rails s

Thanks

• https://vuejs.org/
• https://www.learnenough.com/action-cable-tutorial