Giter Site home page Giter Site logo

lists's Introduction

Background

This repo contains the scaffolding of a simple Rails list management application. It's built with Rails and Backbone, much like Everlane's website.

This exercise is designed to simulate, as closely as possible, the kind of work we do at Everlane.

Description

The Lists app allows the user to view and edit nested lists of content.

Initial feature list:

  • the user can view root level items
  • that's it!

Implement the following feature set by extending the codebase.

Features

  • the user can view fully nested items
  • items maintain an order defined in the data model (add a position column)
  • the user can collapse the nested item views (like closing a folder in a file explorer)
  • the user can click the big save button in the corner and save the state of the app to the database
    • the user can edit the title and content values of each item
    • the user can drag and drop to reorder the items within a list
    • the user can drag and drop to nest an item under a different list

Parameters

  • The application should be single-page and communicate with the server using AJAX
  • You can include any open source libraries you want, with the exception of full JavaScript frameworks like Ember and Angular. In other words, stick with Backbone!

Requirements

Fork this repo in github and send us the link to your project once you are done.

  • Optimize for good object-oriented design and an organized codebase
  • Readability is very important, comments are useful to explain tricky bits of logic, but use them sparingly
  • Don't worry about styling or visual aesthetics

Getting Started

You will need to have a working Rails environment with sqlite. Once you have cloned the repo, run bundle install and rake db:setup. If you run into any issues getting started, email us and we can help.

lists's People

Contributors

thenanyu avatar peterjeliot avatar cssherry avatar

Watchers

James Cloos avatar Jeremiah Peterson avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.