ShowCased 🎬 is your app to discover new shows and track what you've already seen. It gives personal recommendations based on your watch lists 👀 - the more you use it the better it becomes 💪
This app was created as the capstone project for my bootcamp around web development. The idea was to have an on-the-go app that will show recommendations independent of any particular streaming provider but still based on a viewing profile.
- MERN Stack
- storybook
- emotion
- mongoose
- react-query
- node-fetch
- jwt
- joi
- bcrypt
- Dynamic updates on new and trending shows
- Recommendations based on your watch lists
- Extensive API (The Movie Database)
- User authentication
Install client and server dependencies:
npm install
cd client
npm install
Add environment variables in .env file. You can copy the .env.example and update the variables.
cp .env.example .env
For this app to run you need to have a key for The Movie Database API. You need to make an account here and then you find your key under settings -> API.
Also for the user authentication a jwt secret is needed.
Please update these two variables in the .env!
To start the server and client in development mode at the same time:
npm run dev
To also run the storybook alongside server and client:
npm run dev-story
If you like to run the production build, you have to build the client first.
npm run build
npm start
The logo was created after a vector by studiogstock.
Login Background by Thibault Pinin on Unsplash
Register Background by Adrien Olichon on Unsplash
Icons made by Good Ware and iconixar from www.flaticon.com