https://github.com/heldrida/bc-recursive-jsx

Provided a list of JSON files in the /data directory, create a content view page
https://github.com/heldrida/bc-recursive-jsx

Last synced: about 1 month ago
JSON representation

Provided a list of JSON files in the /data directory, create a content view page

• Host: GitHub
• URL: https://github.com/heldrida/bc-recursive-jsx
• Owner: heldrida
• Created: 2020-02-27T20:49:35.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-12T02:56:57.000Z (about 2 years ago)
• Last Synced: 2024-12-30T10:18:56.776Z (about 1 month ago)
• Language: TypeScript
• Size: 3.15 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 23
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

  ## B.C.

  Provided a list of JSON files in the /data directory, create a content view page.

  

  The files are text JSON and are provided as:

    - sections

    - questions (by numbered values in the filename)

    - a list of view states

  

  Expected to load the initial data from all the files and present a list of sections and questions.

  The questions remain collapsed unless listed otherwise in the initial state provided.

  A CTA button to expand/collapse by triggering the state of each item.

  Following up a few notes regarding the requirements to run the application, which assumes you already

  have installed node (>=10.16.0) and your favourite package manager (substitute to `npm`, where `yarn`).

  To start:

  ## yarn install

  Run the tests by:

  ## yarn test

  Note: This project demonstrates how to do recursion in JSX (there is also a recursive helper fn that prepares

  the data)