Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mtlh/filmfront
Movie site made using TMDb API that allows users to search new movies and actors, create lists and answer trivia questions.
https://github.com/mtlh/filmfront
nextjs react
Last synced: 5 days ago
JSON representation
Movie site made using TMDb API that allows users to search new movies and actors, create lists and answer trivia questions.
- Host: GitHub
- URL: https://github.com/mtlh/filmfront
- Owner: mtlh
- Created: 2023-02-03T00:26:19.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-18T12:33:10.000Z (6 months ago)
- Last Synced: 2024-05-18T13:36:28.781Z (6 months ago)
- Topics: nextjs, react
- Language: TypeScript
- Homepage: https://filmfront.mtlh.dev
- Size: 676 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FilmFront
## About
Movie site made using TMDb API that allows users to search new movies, tv shows and actors, create lists and answer trivia questions.
## Demo
This project is deployed directly onto Vercel.
[filmfront.vercel.app](https://filmfront.vercel.app/)
## Technologies
- TailwindCSS
- Typescript
- React
- NextJS
- Supabase
- Vercel (hosting)
## How to deploy locally
Follow the steps below:
1. Download code from this repository.
2. Install every dependency.
```typescript
npm install
```
3. Create api keys from the following sources:
1. [Supabase](https://supabase.com/dashboard/projects)
4. Get all required keys setup in a .env file.
```typescript
SUPABASE_URL='https://supabaseurl.supabase.co'
BASE_URL='http://localhost:3000/'
SUPABASE_ANON_KEY='supbaseanonkey'
TMDB_APIKEY='apikey'
```
The BASE_URL must be configured based on which port you are using, when creating a hosted version this must be update to be the final url eg. https://filmfront.vercel.app/
5. Run locally
```typescript
npm run dev
```
6. Enjoy!