Ever felt like you want to watch a movie but don't know where to start?
bun run start # runs dev preview
bun run build # buildsTo run the frontend server
bun install vite
bun install react-loading-skeleton
# read the below for a loading replacer
# https://www.npmjs.com/package/react-loading-skeletonInstalls dependancies, should be needed once
Pre Step 1
- Plan sketch
- Plan backend shite :(
Step 1:
- css + Jsx + remove css cuz use tailwind
- grid style, flex style all from a json config file
- setup test images folder
- setup test user json
Step 2:
- what netflix/neon/amazon/disney/youtube do you use?
- imdb integration - outsource backend?
- google image integration search results for movie and rate each image by how complex their colours are?
- get actors as a list from imdb
- get trailer from most likely youtube seach query result + add button if trailer is wrong
- font match the mood of the film, give each film a rating on romance, violence, gore, action, adventure, horror, drama, chick flick, guy movie, philosophical, art and match font vibe to movie vibe and colour according to the accent found in the poster
- poster manipulation on hover, liquify and distort / translate so it goes from a solid square to a blobby blob
Step 3:
- to the cloud, firebase?
- Advertise
Step 4:
- monetise?
- always a free version with previous features, but maybe users can pay to get reccomendations for new movies based of previous input. give one of these free each month to all users but more requires a single time 5 dollar donation.
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh