Giter Club home page Giter Club logo

mrurespect / movie-app Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 2.69 MB

Noxe Movie Explorer is a dynamic web application designed to provide users with a curated selection of trending movies, TV series, and information about popular people in the entertainment industry. The app aims to offer an immersive experience for movie enthusiasts, allowing them to discover the latest and most popular content.

Home Page: https://mrurespect.github.io/movie-app/

HTML 4.90% CSS 3.77% JavaScript 86.30% TypeScript 5.04%
axios bootstrap font-awesome joi-validation js jsx jwt-decode react-dom-router react-helmet reactjs redux-toolkit scss typescript

movie-app's Introduction

Movie Explorer

Deployment and Development Versions

Movie Explorer exists in two versions:

  • The production version is hosted on the gh-pages branch.
  • The development version resides on the master branch.

Authentication with Backend

To streamline the development process, the authentication code with the backend is temporarily commented out. This enables seamless testing and previewing of the application locally. When testing the authentication functionality, you can use the following credentials:

Key Features

  1. Trending Content Exploration: Discover the latest and most popular movies, TV series, and notable individuals in the entertainment industry.

  2. Detailed Information: Access comprehensive details about movies, TV series, and industry professionals, including summaries, ratings, and release dates.

  3. User Authentication: While the backend authentication code is commented for development purposes, users can test the authentication feature locally using the provided credentials.

  4. Responsive Design: Ensure a consistent and user-friendly experience across different devices, including desktops, tablets, and mobile phones.

Technology Stack

  • Frontend: Developed with React for a dynamic and interactive user interface.

  • State Management: Utilizes Redux Toolkit for effective state management.

  • Routing: Implements React Router for client-side navigation.

  • Styling: Styled with CSS, SCSS to achieve a clean and visually appealing design, with additional support from Bootstrap.

  • API Integration: Fetches real-time data from external APIs using Axios to provide up-to-date information on trending content.

  • Authentication: Utilizes JWT-decode library for handling authentication processes.

  • Development and Build Tools: Uses TypeScript for enhanced type-checking, and integrates with tools such as React Helmet for head management.

  • Deployment: The production version is deployed on GitHub Pages for public access, offering a stable and shareable release.

Scripts and Commands

  • npm start: Initiates the development server for local testing.

  • npm run build: Generates the production build for deployment.

  • npm run deploy: Deploys the production build to GitHub Pages.

  • serve: Initiates the development server for the production version.

Testing Authentication

During development, uncomment the authentication code to test the functionality. For quick access, use the provided credentials: [email protected] as the email and Hello as the password.

You need to add your MovieDb api key

to get registred : https://developer.themoviedb.org/docs/getting-started image

path to the file : src/Context/MediaContext.jsx

movie-app's People

Contributors

mrurespect avatar

Stargazers

 avatar

Watchers

 avatar

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.