Skip to content
TskTrckr is a barebones todo list tracker. This repo is the Front End, the README has a link to the API component of this project.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
config
grunt
tests
vendor
.editorconfig
.ember-cli
.eslintignore
.eslintrc.json
.gitignore
.remarkrc
.watchmanconfig
CONTRIBUTING.md
Gruntfile.js
LICENSE
MODULE_REPORT.md
README.md
STYLE.md
WALKTHROUGH.md
ember-cli-build.js
package-lock.json
package.json
testem.js

README.md

TskTrckr Client

Deployed site

Summary

TskTrckr is a barebones todo list tracker. Users can have any number of lists which themselves can have any number of todos, which can be marked completed when they're finished. The app uses Ember as a JavaScript front end framework paired with a rails API for managing data.

Links

Technologies used

  • Ember.js
  • Handlebars.js
  • SCSS
  • JavaScript
  • Git

Development process

Once the preliminary API setup was complete, I began by creating the /my-lists/ route and creating components for a collection of lists which contains a button to delete the list, and a form for adding a new list.

After users were able to create and delete lists, I added a form to add new todos, as well as buttons to delete each specific todo. after testing these and confirming they worked, I encountered an issue with the view not updating. After some investigation I found that the API's serializers were not correctly configured for what ember was expecting, and were returning the whole todo object when a call was made to the user. Once I made changes to ensure that only the IDs for hasManys were being serializing correctly, the view began updating on the creation of any records.

After the view was working correctly, I added in a function that would allow a user to toggle whether or not a specific todo was completed. This also is reflected by striking through the todo and its details as well as changing the box clicked to toggle to change to a checkmark.

During this process I began to work on the functionality to allow users to create teams for collaborative work on lists but realized that the time I would need to complete the feature was more than I had left before the end of the project period. This feature is the next part of the app that will be developed.

Future Features

  • Users can create teams with other Users
  • Teams will be able to have lists that belong to the team and can be edited by members of the team.
  • Users can minimize lists of todos to conserve vertical screen space.

Installation

  1. Fork and clone this Repo
  2. Navigate to the repo and npm install to install dependencies
  3. Run grunt serve and go to localhost:7165 in your browser.
  4. Follow instructions on the API linked in this repo.
You can’t perform that action at this time.