backbone-portfolio's Introduction

Backbone Portfolio

A little app we'll use to make a front-end rich client experience, that builds an on-line portfolio to show off our project work.

INSTALL

Note that there is no rails server!

To run the tests, visit the jasmine script runner in your browser:

file:///Users/yournamehere/projects/backbone_portfolio/SpecRunner.html

Create a User model that represents yourself.
Create keys for name, bio, image URL and mission.
Add validation for the model and test that it works using Jasmine TDD
Instantiate your user in the application.js
Update the index.html to include the bio section in a script tag, and create a User view that replaces the values with the information in your model.
Create a model, view and collection that would be suitable for use with products.
Add events to the project view, so that you can edit all of the project features in place, and store the changes in the local store. Make sure you add some nice UX features such as fadeIn and fadeOuts, and ensure that if I click away from a text box that the value will not update.
Create a model called Skill, with a name attribute. Add validation and tests.
Create a collection of Skill models called Skills, and nest it within the project model. Ensure that a hard-coded set of skills dynamically appears in your project template.
Create a SkillView for each skill in a project. Add events to allow you to dynamically add and remove a skill to a project that persists to the local store.
Add an event to the project trashcan so that you can delete a project.
Add code to the page so that the sorting arrow works and you can update the order of the projects.
Amend the project model to add any other information that you see fit.
Personalise your portfolio with CSS.

Recommend Projects