Your task is to build a basic table component with search, pagination, and sort features.
This project was created with Vite. Vite currently only works with Vue 3.x. (Keep in mind)
- Use
npm run devto run the development server.
Receive events from Ticketmaster API (https://developer.ticketmaster.com/products-and-docs/apis/getting-started/) with search keyword (cinema, football, etc.) (https://developer.ticketmaster.com/products-and-docs/apis/discovery-api/v2/#search-events-v2) and show API results on your table component. Create event detail page with event details including title, price, place, etc. Then add show detail button or icon to the table component for routing to the event detail page.
Project requirements
- Build your table component from scratch. You can't use any existing Vue component for this project.
- The component must have search (not filter) capabilities. (Split your components into smaller components.)
- The component must have pagination.
- You should add an event detail page. Don't forget to add a show detail action to the table component.
- You must write tests for your code. (We recommend to use Jest for tests)
- You can add sorting feature for the table component. This feature is not a must but it is a big bonus. (If you decide to implement the sorting feature, make sure that the sorting mechanism doesn't need any other API requests.)
- You can use
bootstraportailwindcssas CSS framework. - Axios or any other alternatives can be used for HTTP requests.
- Try to commit your changes every ~15 minutes. This will be a big bonus.
Submitting the finished task
When you are done, invite me to your project as a collaborator. (@frkcn)
We will get back to you as soon as possible.
Thanks! 🚀