Giter Site home page Giter Site logo

listception_associations's Introduction

Listception Associations

Associations practice

In this project, you will build a simple clone of Trello.

Setup

  1. Set up a Cloud9 workspace as usual.

  2. bin/setup

  3. Run project

  4. I've already generated starter resources for you, and you'll find some dummy data already exists.

  5. Your job is to add association helper methods between boards, lists, cards, and tags as needed; then make your app match the target.

  6. The key page to work on improving is boards#show. Here I can see a board's lists, the cards on each list, add a new list, and add a card to each list.

  7. There are no tests/CI for this project. Just make your app match the target, and ask lots of questions โ€” relating resources together and making them show up on each other's pages is most of what you'll have to do on your project!

  8. Stretch goals: You can visit the real Listception and sign up for an account. You'll see there that after you add a card to a list, you can click on the card and it becomes its own board, which can have its own lists and cards, which can become their own boards, etc etc, ...!

    If you wanted to add functionality like that to your Listception (minus the signing up part), how would you go about it? Make a new branch and give it a shot.

    You could also work on getting the side by side list column styling if you want to (hint: there's a css property called overflow-x).

listception_associations's People

Contributors

raghubetina avatar

Watchers

James Cloos avatar Murugan 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.