Inspiration

Source. Lots of sources, and Lots to Learn. Basically this is the classic Swipe Left-Right Project.

What it does

A Flash-Card Approach that is designed to intake structured data, and display it.

Topics are Navigated (Left and Right) SubTopics for that Topic are Navigated (Up / Down) Description is Displayed by Default. To Display Functions Associated with the SubTopic, (Toggle) Go to Source Link ( Action)

How we built it

WebComponents using Lit-HTML allows for HTML, JavaScript, CSS to be within one document allowing for Monolithic Modular Design. I remeber when this project was one big encapsulated -function, which it pretty much does code down to for production, but now-a-days bare components are deployed too, depends on your style.

Challenges we ran into

Matching Database's JSON Objects with JavaScript Objects within the Application Structure and Execution. Then throw into the mix matching Upload-data-structure.

Accomplishments that we're proud of

The Data Structure

What we learned

Designing Object to Object Communication. Spacing and Placement of an Interface.

What's next for JSON Navigator

Find it saved on a stick or rebuild it.

Built With

Share this project:

Updates