sepidsoroush / next-search-movies

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.

Home Page:https://moviedatabase-swart.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸŽ₯ 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 πŸŽ₯

About

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.

https://moviedatabase-swart.vercel.app/


Languages

Language:JavaScript 66.4%Language:CSS 33.6%