Skip to content

YTS is an online movie search application. It provides a platform for users to browse movies and their respective details online conveniently.

Notifications You must be signed in to change notification settings

iamnaveen8851/YTS_MX-MOVIE-APP

Repository files navigation

YTS-MX Movie Search Project

Functionalities

  • Login functionality with based on routing
    • for login i've used reqres api login credentials :- ---> email: "eve.holt@reqres.in, ---> password: "cityslicka"

- Debounce effect on navbar search input

  • alt text

-Movie Search Bar With Search Buttonfunctionality on the Home Page - alt text

  • Sort by Year functionality

    • alt text
  • Filter by Type functionality

    • alt text
  • Dynamic Pagination functionality

    • alt text
  • Landing page functionality

    • alt text
  • Dynamic Movie Card functionality

  • alt text

  • Dynamic Single Movie Card Details Data functionality below the UI

  • alt text

Tech Stack

React

Libraries

React-Router-DOM check[x]

  - Installation check[x]
  - Wrap App component inside BrowserRouter check[x]
  - Dynamic Routing check[x]
  - Dynamic Links check[x]
  - useParams check[x]

Chakra-UI check[x]

  • To create the UI

Axios check[x]

  • To make respective get and post requests to the server

``

Project Structure

Component folder wherein following components are :- check[x]

 - Navbar.jsx
 - Footer.jsx

Routes folder where in i have created check[x]

 - AllRoutes.jsx
 - PrivateRoute.jsx

Pages check[x]

  - Homepage.jsx
  - MovieData to display movie below the home page while navigate
  - SinglePage.jsx to display single movie details onto ui below the home page

About

YTS is an online movie search application. It provides a platform for users to browse movies and their respective details online conveniently.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages