Single Page application to browser TV shows and see more details about it.

Data source for the application: http://www.tvmaze.com/api

Live demo: https://tv-maze-app-kappa.vercel.app/

• Browse TV shows based on genres like Drama, Comedy, Sports etc..
• Get more details about a show like Premier date, seasons etc..
• Search for your favorites show
• Bookmark your search results and share it with your friends

• Vue 3 library features like Composition API, SFC, composables
• TypeScript
• Routing with vue-router
• State management with Vue Refs
• Use of PrimeVue UI library for components like Carousel
• Skeleton on page load for
• Lazy loading of Details page
• Unit testcases with Vitest, eslint and prettier
• Accessibility complaint

• The TVMaze API does not provide options to query shows based on certain filter like genre, most popular shows which will be useful for most apps. As of now home page displays data based on limited data set and can be improved

• Localisation/Internalisation for multilingual support

• Paging/Load more functionality for search results

• Virtualize Large Lists

• PWA and Service workers

• Web Analytics

• Monitoring and Logging

• Image compressions

npm install

npm run dev

npm run build

npm run test:unit

npm run lint