- Fork this repo from your github profile
- Clone to your device from the forked repo
- Run
yarn installandyarn start
User should be able to see a list of movies with a call to action Book now on hovering over the movie thumbnail.
Please check the following references:
Homescreen
Movie Thumbnail default state
Movie Thumbnail hover state
When user searches for a movie, relevant movie must be displayed, the ui layout will look to similar to homescreen.
When the user searches for a search term that is not available in the database, the user should see the no data available screen
No result screen
When the user clicks on book now button, they need to redirected to the url /book/{id}/{movie-name}. The screen will have options to select seats, show already booked seats and a call to action to confirm booking.
User should be able click on the confirm booking button, they should see a modal with details of the movie thumbnail, seats they selected and prices. When the user closes the modal they should be taken back to the booking screen.
- Use styled components for styling
- Use local storage to persist the data between refreshes
- Use custom hooks if needed for example when fetching data for trending movies and movies search
- Try to keep the components more resusable
- Follow clean code practices in naming variables, functions and components
- Use SVG for some assets
- Keep your commits small and follow the conventional commits
- Make sure you commits are signed