Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Maurizio-F/movie-night
Movie night planner
https://github.com/Maurizio-F/movie-night
Last synced: 5 days ago
JSON representation
Movie night planner
- Host: GitHub
- URL: https://github.com/Maurizio-F/movie-night
- Owner: Maurizio-F
- Created: 2021-06-08T12:47:38.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-08-10T09:24:24.000Z (over 3 years ago)
- Last Synced: 2024-08-01T22:04:43.610Z (3 months ago)
- Language: TypeScript
- Homepage:
- Size: 1.08 MB
- Stars: 6
- Watchers: 1
- Forks: 2
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Movie Night
You want to watch a movie together with friends, but the selection takes forever again? Movie Night takes the hassle out of scrolling through the app and suggests movies at random and also provides relevant information.
### Demo
Here you can view and test the app:
- [Adobe XD](https://xd.adobe.com/view/6db0806b-579d-44ae-ab4c-07b44f51d41b-38e3/)
- [Heroku](https://movie-night2021.herokuapp.com/)
The app is currently only supported as a mobile version.
## Installing / Getting started
In the project directory, you can run:
```shell
npm start
```
Runs the server in production mode and serve production bundle from npm run build
```shell
npm run client:dev
```
Runs the app in development mode. Open http://localhost:3000 (default PORT) to view it in the browser.
The page will automatically reload if you make changes to the code. You will see the build errors and lint warnings in the console.
```shell
npm run server:dev
```
Runs the server in development mode.
```shell
npm run build
```
Builds the app for production to the dist folder. It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed.
The project requires an .env file with the following content:
```
THE_MOVIE_DB_KEY=
PORT=
```
The API key can be generated here after logging in: [themoviedb.org](https://www.themoviedb.org/)
You can choose the port yourself.
## Developing
### Built With
React
### Tech Stack
- JavaScript
- React
- React Hooks
- React Router
- TypeScript
- Node.js
- Express
- Storybook
- Heroku
- Adobe XD