Skip to content

A movie database created by Next.js: you can search movies by title and see details on each movie page, and bookmark your favorites in watchlist.

Notifications You must be signed in to change notification settings

sepidsoroush/NextWatch

Repository files navigation

🎥 NextWatch Movie Database

Features

  • This application was built using Next.js, React Hooks (useState, useContext, useEffects), API, Axios, React icons, etc.
  • Custom hook (useFetch) for fetching data from API
  • Global context for watchlist
  • Categories component to filter search results based on type (movies, TV series, games)
  • Dynamic Routes with next-router
  • Fonts with @next/font
  • Icons with Font Awesome 5
  • Responsive design

Components

Warning This is a work in progress. I'm building this in public.

  • Authentication
  • Dark/light mode toggle
  • Search bar
  • Loading
  • Bookmark
  • Watchlist
  • Filter categories
  • Pagination
  • Notifications
  • Top Picks
  • Movie Detail page
  • Home page

📸 Screenshots of the project:

Home Page 🏠



Search 🔍



Watchlist 🎥