instructions.txt

                                                        
                                                        
                                                        
                                                        
                                                        
                                            STAGE 2 TASK

                                                
Create a movie discovery web application that allows users to search for movies, view details about them, and save their favorite movies. You’ll be consuming data from the TMDB API.

Requirements

1. User Interface:
 Create a responsive and visually appealing user interface for the application.
 You should list the top 10 movies on the homepage.
 They should be displayed in a grid layout with their movie posters.
 The Card component should display the movie title and release date.
 card - [data-testid: movie-card]
 movie poster - [data-testid: movie-poster]
 movie title - [data-testid: movie-title]
 movie release date - [data-testid: movie-release-date]

2. Movie Search:
 Implement a search feature that allows users to search for movies by title.
 Display search results, including movie posters, titles, and release dates.
 Show a loading indicator while fetching search results.
n
3. Movie Details:
 When i go to to /movies/:id route (where :id is the imdb_id), I should see the movie details page.
 I should see
 title - [data-testid: movie-title]
 release date (in UTC) - [data-testid: movie-release-date]
 runtime (in minutes) - [data-testid: movie-runtime]
 overview - [data-testid: movie-overview]

API Integration:
 Consume the TMDB API to fetch movie data.
 Use the following API endpoints:
 Fetch movie details by ID: https://api.themoviedb.org/3/movie/{movie_id}

Error Handling:
 Implement error handling to display meaningful error messages to users in case of API failures or other issues.

Submission:
 Host your frontend application on a platform of your choice (e.g., GitHub Pages, Netlify).
 Provide clear instructions on how to run your project locally in your README.md file.
 Ensure that the code is well-documented and organized.



This frontend challenge requires you to build a dynamic movie discovery app that interacts with a real API to fetch and display movie data. It also encourages you to implement user interactions like favoriting movies.

PS: You can use react or react related frameworks (e.g Next js)

Submit your task through the designated submission form.

Submission Deadline:

 The deadline for submissions is 18th September 2023, 11:59 PM GMT. Late submissions will not be entertained.

Link to submission form again: https://docs.google.com/forms/d/e/1FAIpQLSf-oxF8XvHCuCiBg3ktBxuNxk2tPk2SQq_-02sx7TBQlBd7Xg/viewform