Giter VIP home page Giter VIP logo

react4movies's Introduction

react4movies ๐ŸŽฌ

VERSION LAST UPDATE AGPL License Netlify Status

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

website-preview title-modal-1 title-modal-2 title-modal-3 title-modal-4 tmdb-movie.jpg mbdb-light.jpg tmdb-light.jpg yt-1.jpg mbdb-sb-dark.jpg mbdb-movie-light.jpg episodes-list.jpg ext-cast.jpg links-section.jpg logout-2.jpg login logout update

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

AGPL 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.

react4movies's People

Contributors

charan379 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

maheshnagineni

react4movies's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.