Application that simulates a streaming service for films. The objective in this project was to apply the main concepts of Front-end development. Was used the TMDB api. Designed in responsive mode.
Try here => https://oxean-films.vercel.app/
Desktop demo:
Mobile demo:
- VITE - REACT.JS
- KENDOREACT
- CONTEXT API
- TMDB API
- CSS
- JEST (for tests)
- Can get details about films in a specific page
- Can view film details through a filterable grid (by columns or general filter)
- Designed in responsive mode
- Clone the project:
git clone https://github.com/andrearnoni/Oxean-Films.git
-
Go to the site https://www.themoviedb.org/signup
-
Register
-
Get the Token
- Install dependencies:
npm install
-
Create a .env file based on the project's already available example (.env.example). For this example of environment variable I used a general example (.env) but if you prefer, you can choose more than one environment (.env.PROD for an app that is running in production for example). In this project, it is used in the helpers/GeneralHelpers.jsx file
-
Place the token you got from the TMDB website into your newly created .env file and save
-
Start the server:
npm run dev
To run all jest tests:
npm test
For Kendoreact, as a paid key for the service is required, if not placed in the project, the project will work the same way, but it will launch some warnings in the browser console and show the following message on the screen: "No valid license found for KendoReact. Learn how to activate your license."
This project was coded and designed by @andrearnoni.