react4movies 🎬

React/NextJs based web client for MovieBunkers

Features

• Responsive layout
• Add movies to collection from tmdb
• Search movies
• Know where movie is available for streaming
• Play Youtube Trailers
• Filters
  • filter by language
  • filter by genre
  • filter by movie/tv
  • filter by Age/Film Board Certification
  • filter by seen/unseen
  • filter by favourite
  • filter by starred
• Sort
  • year asc
  • year desc
  • added asc
  • added desc
• Set movie as seee, unseen, star, favourite
• Toggle between light/dark themes
• Multi user view
  • User
  • Moderator
  • Admin

Keyboard Shortcuts

• CTRL+Q => Opens Sidebar, If sidebar already opened focus search field
• CTRL+D => Clears all filters and search query
• Esc => closes sidebar, movie modal

Screenshots

Installation

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

GENERATE_SOURCEMAP
NEXT_PUBLIC_MOVIEBUNKERS_API
NEXT_PUBLIC_MOVIEBUNKERS_IMAGES
NEXT_PUBLIC_TMDB_API_WRAPPER NODE_ENV NEXTAUTH_SECRET NEXTAUTH_URL

Clone this repository

    git clone https://github.com/charan379/react4movies.git

    cd react4movies

To run dev env

    npm run dev

Build

    npm run build

Deployment

    npm start

Todo

• Admin page to manage users
• Code cleaning
• PWA

Requirements

Backend APIs

• MovieBunkers API it is main backend server for which react4movies acts as frontend
• tmdb-api-wrapper for retriving movies data from Tmdb ( AWS Serverless function )

License

react4movies is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY, without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU Affero General Public License along with react4movies. If not, see https://www.gnu.org/licenses/agpl-3.0.en.html.