Data-Table

What it does

It displays details about the top 3 participants in an event. (Tech Fest Event)

How I built it

Using Datatable api and simple js

Challenges I ran into

Making use of the free time I was able to get ,to complete this while I was on a vacation in Pondicherry. Integrating it with the nextjs based frontend was a tough task, in the end, opted for a much easier way...to just iframe the datatable into the website with a spinning loading animation while the iframe loads.

Accomplishments that I'm proud of

Completing it on time and the fact that all of it worked flawlessly in the end.

What I learned

working with google sheets and converting it into JSON format and datatables api

What's next for Data-Table

Adding a loading animation inside the basic html based component and later on making it work with react based apps

Built With

• css3
• datatable
• html5
• javascript