A digital exhibition of ideas that shaped Bruce Lee's attitude and outlook on life, success, martial arts and how he went on to inspire generations to come. This digital exhibition encourage visitors to keep in mind the theme of “under the heavens there is but one family” as visitors explore the rich diversity of perspectives that Bruce Lee sought to understand across racial, ethnic, sexuality, religious, citizenship, and political differences. This exhibit also further traces the influence/legacy network of those who influenced Bruce. There will be names that users do not expect to see. This exhibit encourages visitors to embrace the discomfort and ponder the theme "one family". LIVE DEMO HERE

• Employed React, MUI, and styled-components to construct a responsive UI layout for users to display data fetched from WikiMedia API based on user click activity.

• Incorporated React-Force-Graph to render a 2D force-directed graph representative of data collected for the WeAreBruceLee exhibit to display the network of relations between Bruce Lee and other well-known influential figures in history.

• Integrated React-Howler to enhance the audio-visual experience of the user by allowing users to toggle play/mute a soundtrack Bruce Lee's 'Lost Interview' mixed with Lofi.

npm install 

1. Clone the repository

$ git clone https://github.com/shdzhng/Bruce-Lee-One-Family-Inspiration-Tree

2. Install the node package

$ npm install

4. Run npm start

$ npm start

(back to top)