Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aleximb/pelicula

🎞 A progressive web app for creating movie night polls.
https://github.com/aleximb/pelicula

buefy firebase movie-night nuxt team-tools typescript

Last synced: about 2 months ago
JSON representation

🎞 A progressive web app for creating movie night polls.

Awesome Lists containing this project

README

        

# 🎞 película

> The ultimate PWA for movie night polls. 🍿

[![Netlify Status](https://api.netlify.com/api/v1/badges/d5700271-4e53-4ded-8727-d3a895b12b17/deploy-status)](https://app.netlify.com/sites/pelicula/deploys)
![GitHub](https://img.shields.io/github/license/aleximb/pelicula.svg?style=flat-square)

Película is modern progressive web application aiming to simplify the process of selecting what to watch during the next movie night with your friends.

## Self-Hosted

Perfect for tech startups who organize movie nights with the colleagues. The open source version can be hosted on-premises or public cloud/CDN providers like Firebase and Netlify for free.

The initial version will use Firebase as the realtime backend provider, but with the community help it can be backend agnostic in the future.

## La Película

SaaS offering hosted by us featuring recurrent movie nights, API integrations and AI-augmented suggestions based on previous choices, genres and critic scores.

## Features

- [x] Based on [Nuxt](https://nuxtjs.org/): no need to eject, fully upgradable, modular and able to pre-render certain routes
- [ ] Backed by and hosted on: [Firebase](https://firebase.google.com/): authentication, Firestore realtime DB and CDN
- [ ] Backend agnostic: remove the usage of Firebase constraint and allow other realtime (deepstreamHub, Sockets.IO) and non-realtime (REST APIs, GraphQL) data sources

## Firebase Setup

1. Create a new project on Firebase [Firebase](https://firebase.google.com/).
2. Enable Authentication, Cloud Firestore, and Hosting.
3. Copy the `.env.example` to a `.env` file.
4. Fill in the environmental variables with your own.
5. Build and deploy the project.

## Netlify Setup

1. Press this button:

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/AlexImb/pelicula)

2. Add the environmental variables from `.env.example` to your Netlify site dashboard under *Settings > Build & deploy > Environment > Environment variables*

## Local Development Setup

``` bash
# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn run dev

# generate static project
$ yarn run generate
```

For detailed explanation on how things work, checkout [Nuxt.js docs](https://nuxtjs.org).