Cineverse

Last Update: 20231018

Project Description

Cineverse is the cinema portal that allows users to:

Lookup currently trending movies / series
See movies / series details
Search movies / series by title

Features

Hero Carousel
Card Slider
Search Movies / Series
See Movies / Series in Detail

How to run the project

At the project root /, create .env file
In the '.env file: add the following line
```
VITE_TMDB_APIKEY=YOUR-TMDB-APIKEY
```
In the console: run command
```
npm run dev
```

Sources, Technologies, and Dependencies

Sources

TMDB API: https://developer.themoviedb.org/docs
SVGrepo: https://www.svgrepo.com/

Technologies:

ReactJS
TypeScript
TailwindCSS
SCSS
ReactIcons
ReactRouter
Axios
ReactQuery

Dependencies

    "@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",

DevDependencies

   "@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"

Link to Project

https://github.com/iceyisaak/cineverse/