Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/phyothukha/movie-project


https://github.com/phyothukha/movie-project

mantine-ui reactjs reactqueryv4 zustand

Last synced: 7 days ago
JSON representation

Awesome Lists containing this project

README

        

# movie-project-vers

to know about this project

## clone this project
```bash
https://github.com/phyothukha/movie-project.git
```

## create env file
```env
VITE_APP_TMDB_TOKEN=eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiIzN2FjNWNmOGE2NGQ4NDA0NWIxYjViNjk5NzA0Zjk2NyIsInN1YiI6IjY0MjU0NDRiYzA0NDI5MDIzNmNhMWRkZCIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.cxpwMUWDru9bvAbg3JnMGJNukgLGz5xKwAUlZAdgtN0
VITE_API_KEY=37ac5cf8a64d84045b1b5b699704f967
VITE_BASE_URL=https://api.themoviedb.org/3/
```

## install this project with package manager
```bash
> npm i & npm run dev
```

## used package in this project

- [zustand](https://docs.pmnd.rs/zustand/getting-started/introduction) for state management
- [react-query](https://tanstack.com/query/v3/) for data management)
- [mantine](https://mantine.dev/) for ui-component

## Other third party package

- [react-play](https://reactplay.io/plays) for trailer watch video
- [react-icons](https://react-icons.github.io/react-icons/) for icon
- [dayjs](https://day.js.org/docs/en/installation/typescript) for format date
- [react-select](https://react-select.com/home#custom-styles) for select package
- [react-circular-progress-bar]() for to know about the rating of the movie/tv