bstanger / tree

Interview exercise to build a family tree in React

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

tree

Interview exercise to build a family tree in React

Installation

To install this application, follow the following steps:

  1. cd tree-app
  2. npm install
  3. npm start
  4. Visit http://localhost:3000/

Remaining Work

With time, I'd like to explore/add the following features:

  1. Avoid code repeat in tree.js of adding node and removing node
  2. Remove extra create-react-app code
  3. Allow user input or randomization for depth level and max number children
  4. Draw lines between parents and children
  5. Utilize Redux
  6. Visual design improvements
  7. Limit width of children
  8. Explore how ES6 destructuring could simplify code
  9. Add unit tests
  10. Add Faker data or allow user input of data

About

Interview exercise to build a family tree in React


Languages

Language:JavaScript 73.7%Language:CSS 17.5%Language:HTML 8.7%