项目作者: salil0001

项目描述 :
A Curriculum Authoring Tool this Project is made in React.js.
高级语言: JavaScript
项目地址: git://github.com/salil0001/curriculum-authoring-tool.git
创建时间: 2020-09-26T13:08:40Z
项目社区:https://github.com/salil0001/curriculum-authoring-tool

开源协议:

下载


Curriculum Authoring Tool

Created a tool for teachers to author curriculum for a subject. The curriculam subject is composed of

  1. 1. Chapters 1
  2. - Headings 1
  3. - Subheadings 1
  4. 2. Chapters 2
  5. - Headings 1
  6. - Subheading 1
  7. - Subheading 2

Project Demo

Features

  • Row actions - Indent/ Outdent/ Delete
  • Preserve parent-child relations between nodes while deleting intending etc.
    Eg. deleting an element should also delete its children
  • The text in each row should be editable like a text box
  • Load/ Save - Functionality to generate and download a JSON output and
    to load the JSON to create the structure again
  • No backend used
  • UI features Eg. tooltips
  • UI Validations Eg. reaching highest or lowest indent, parent child relation
  • Drag and drop feature which user can move chapter heading subheading

TODO

  • Nesting with n number of sub children
  • Testing

Downloaded API Format

  1. {
  2. "subject": "Mathematics",
  3. "children": {
  4. "1": {
  5. "name": "c-1",
  6. "children": {
  7. "101": {
  8. "name": "h-1",
  9. "children": {
  10. "1001": {
  11. "name": "c-1 h-1 s-1"
  12. },
  13. "1002": {
  14. "name": "c-1 h-1 s-2"
  15. },
  16. "1003": {
  17. "name": "c-1 h-1 s-3"
  18. },
  19. "1004": {
  20. "name": "c-1 h-1 s-4"
  21. }
  22. },
  23. "childrenAllIdsOrder": [1001, 1002, 1003, 1004]
  24. },
  25. "102": {
  26. "name": "h-2",
  27. "children": {
  28. "1005": {
  29. "name": "c-1 h-2 s-1"
  30. },
  31. "1006": {
  32. "name": "c-1 h-2 s-2"
  33. },
  34. "1007": {
  35. "name": "c-1 h-2 s-3"
  36. },
  37. "1008": {
  38. "name": "c-1 h-2 s-4"
  39. }
  40. },
  41. "childrenAllIdsOrder": [1005, 1006, 1007, 1008]
  42. },
  43. "103": {
  44. "name": "h-3",
  45. "children": {},
  46. "childrenAllIdsOrder": []
  47. },
  48. "104": {
  49. "name": "h-4",
  50. "children": {},
  51. "childrenAllIdsOrder": []
  52. },
  53. "105": {
  54. "name": "h-5",
  55. "children": {},
  56. "childrenAllIdsOrder": []
  57. }
  58. },
  59. "childrenAllIdsOrder": [101, 102, 103, 104, 105]
  60. }
  61. },
  62. "childrenAllIdsOrder": [1]
  63. }

Build with

This section should list any major frameworks that you built your project using.

  • [React.js]
  • [node-sass]

Installation

Curriculam Authoring Tool requires Node.js v12+ to run.

Install the dependencies after cloning the repo and start the server.

  1. $ git clone https://github.com/salil0001/curriculum-authoring-tool.git
  2. $ yarn install
  3. $ yarn start

Contributions

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Clone the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m ‘Add some AmazingFeature’)
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

[React.js]: https://reactjs.org
[node-sass]:https://www.npmjs.com/package/node-sass
[Deployment-Link]:https://www.npmjs.com/package