CineVault

A fully functional Movie Search App where users can search any movie title with real-time debounced results from the OMDB API. The homepage shows a featured movies strip powered by curated search terms. Clicking any movie opens a detailed modal with IMDb rating, runtime, genre tags, plot, director, box office info, and the full cast — plus links to watch the trailer and open the IMDb page. Recent searches are saved to localStorage and shown as suggestions in the search dropdown.

• Fetching data from a REST API with Axios and async/await
• OMDB API endpoints, query parameters, and response shapes
• React useState, useEffect, useCallback, and useRef hooks
• Debounced search input to limit API calls
• Managing multiple UI states — idle, loading, results, error
• Persisting recent searches with localStorage
• Animating page transitions and modals with Framer Motion
• Building a detail modal with keyboard (Escape) support
• TypeScript interfaces for typed API response data
• Next.js App Router and client components
• Responsive grid layouts and scroll-lock for modals