This web-app fetches the data from a mock api(set for 10 data units) of breweries and can display the data in 2 formats: -tables and cards. A second html page was taken and the button are links which links to pages with separate designs instead of changing the DOM design in the same webpage. All HTML elements in both the pages are dynamically created with DOM manipulation using template literals in the respective JS files for each design type.
goutam997 / breweries-list Goto Github PK
View Code? Open in Web Editor NEWThe transition between the design styles could be laggy as it is a dependency on the internet speed since both are in two separate webpages instead of on the same page
Home Page: https://mystifying-allen-5ceac6.netlify.app/index.html