Cineverse is the cinema portal that allows users to:
- Lookup currently trending movies / series
- See movies / series details
- Search movies / series by title
- Hero Carousel
- Card Slider
- Search Movies / Series
- See Movies / Series in Detail
- At the project root
/
, create.env
file - In the '
.env
file: add the following lineVITE_TMDB_APIKEY=YOUR-TMDB-APIKEY
- In the console: run command
npm run dev
- TMDB API: https://developer.themoviedb.org/docs
- SVGrepo: https://www.svgrepo.com/
- ReactJS
- TypeScript
- TailwindCSS
- SCSS
- ReactIcons
- ReactRouter
- Axios
- ReactQuery
"@tanstack/react-query": "^4.33.0",
"axios": "^1.4.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-icons": "^4.10.1",
"react-query-kit": "^1.4.8",
"react-router-dom": "^6.16.0",
"@tanstack/eslint-plugin-query": "^4.32.5",
"@types/react": "^18.2.15",
"@types/react-dom": "^18.2.7",
"@typescript-eslint/eslint-plugin": "^6.0.0",
"@typescript-eslint/parser": "^6.0.0",
"@vitejs/plugin-react": "^4.0.3",
"autoprefixer": "^10.4.15",
"eslint": "^8.45.0",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.3",
"postcss": "^8.4.29",
"sass": "^1.66.1",
"tailwindcss": "^3.3.3",
"typescript": "^5.0.2",
"vite": "^4.4.5"