https://github.com/konstvb-rep/movix

Movies app 2
https://github.com/konstvb-rep/movix

axios dayjs raect react-player react-query redux-toolkit sass vite

Last synced: 12 months ago
JSON representation

Movies app 2

• Host: GitHub
• URL: https://github.com/konstvb-rep/movix
• Owner: KonstVB-rep
• Created: 2023-07-11T12:31:27.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-28T19:49:03.000Z (over 1 year ago)
• Last Synced: 2024-07-28T20:47:03.905Z (over 1 year ago)
• Topics: axios, dayjs, raect, react-player, react-query, redux-toolkit, sass, vite
• Language: JavaScript
• Homepage: https://konstvb-rep.github.io/movix/
• Size: 8.22 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Getting Started

This project [Demo](https://konstvb-rep.github.io/movix).

This project was bootstrapped with [Vite](https://github.com/vitejs/vite).

## Available Scripts

In the project directory, you can run:

### `npm run dev`

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\

You may also see any lint errors in the console.

Used api movies [TMDB](https://api.themoviedb.org/3/) - you need to turn on the VPN from Russia.

Used by the library:

    -react-query;

    -@reduxjs/toolkit;

    -react-router-dom;

    -axios;

    -dayjs;

    -framer-motion;

    -react-circular-progressbar;

    -react-infinite-scroll-component;

    -react-lazy-load-image-component;

    -react-player;

    -antd;

    -sass;

### MainPage, options: slider, search movies.

![image](./src/assets/MainPage_1.webp)

![image](./src/assets/MainPage_2.webp)

### SearchPage - search movies, options : infinity scroll.

![image](./src/assets/SearchPage.webp)

### SingleMoviePage.

![image](./src/assets/SingleMoviePage_1.webp)

![image](./src/assets/SingleMoviePage_2.webp)

![image](./src/assets/SingleMoviePage_3.webp)

![image](./src/assets/SingleMoviePage_4.webp)

### ActorPage, options: sort movie.

![image](./src/assets/ActorPage_1.webp)

![image](./src/assets/ActorPage_2.webp)

### DiscoveryPage, options: infinity scroll, sort movies.

![image](src/assets/DiscoveryPage.webp)