Media Gallery — Next.js Project

This is a Next.js app built with create-next-app that showcases a dynamic movie gallery powered by OMDb API.

Key Techniques

Next.js (App Router): Server/client components for fast, SEO-friendly pages.
React + TypeScript: Strong typing with modern React hooks for state and effects.
Framer Motion: Smooth, page-aware animations with AnimatePresence and keyed motion components for transitions on pagination and modal views.
Context API: Shared state management for search terms, theme switching, and favourites.
Responsive Design: Mobile-first approach with a fullscreen animated burger menu and desktop navigation.
API Integration: Custom hooks to fetch movie search results and detailed info with graceful loading/error states.

npm run dev

Then visit http://localhost:3000 to explore.

Name		Name	Last commit message	Last commit date
Latest commit History 32 Commits
app		app
components		components
context		context
data		data
hooks		hooks
public/images		public/images
.gitignore		.gitignore
README.md		README.md
eslint.config.mjs		eslint.config.mjs
next.config.ts		next.config.ts
package-lock.json		package-lock.json
package.json		package.json
postcss.config.mjs		postcss.config.mjs
tsconfig.json		tsconfig.json