Giter Site home page Giter Site logo

go-phie / gophie-web Goto Github PK

View Code? Open in Web Editor NEW
54.0 5.0 21.0 16.89 MB

Web view for the gophie tool

Home Page: https://gophie.cam

License: MIT License

Makefile 0.02% HTML 1.38% JavaScript 92.53% CSS 5.81% Dockerfile 0.26%
movies download website reactjs no-ads

gophie-web's Introduction

Gophie

Gophie-web

This project is the web interface setup for Gophie built on React

Deployment

Deployment happens in two stages, master branch is automatically linked to deploy to the staging environment available on Netlify which enables testing of newly integrated features. If testing goes according to plan and a tag is made, it is then released to the production environment on GitHub Pages

Preview

Contributors โœจ

Thanks goes to these wonderful people (emoji key):


Lawrence Onah

๐Ÿ’ป โš ๏ธ

Nengak Dakup

๐Ÿ’ป ๐Ÿšง ๐Ÿ‘€

sylvernus akubo

๐Ÿ› ๐Ÿ’ป๐Ÿšง

SLKhadeeja

๐Ÿ’ป

Amena Cliff

๐Ÿ’ป

AdeolaFaraday

๐Ÿ’ป

Mohamilr

๐Ÿ’ป

This project follows the all-contributors specification. Contributions of any kind welcome!

Contributing

If you've ever wanted to contribute to open source, now is your chance!, Contributions are always welcome! Please read the Contribution guidelines for this project.

gophie-web's People

Contributors

adeolafaraday avatar allcontributors[bot] avatar bethel-m avatar dependabot[bot] avatar deven96 avatar jcalmcrasher avatar kodjunkie avatar mensaah avatar mohamilr avatar nengakdakup avatar nurudeen38 avatar silvareal avatar slkhadeeja avatar wizzywit avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

gophie-web's Issues

Create ratings api

Create an api capable of obtaining ratings from users to setup our own ratings system

Pop up modal to rate previously downloaded movies per session

When a user downloads a movie and returns to the gophie site, a modal should pop up to request that the downloaded movies be rated. In order not to affect usability, cookies should be set with a 24hr expiry date and be used to set when pop ups can occur

Add Movie Description

Add a popup (to maintain SPA) that shows the movie description when the movie image is clicked

Add caching header to response

Add cache-control header to response to say max-age=84600 to allow browsers to cache the css and JS for 24hrs or even more. Everytime the site is reloaded it's refetched. Since the site is pure JS and CSS, we could leverage on this well to speed load times

Video styling

Video streaming implementation needs styling and a way to stop the video (stop button)

Modal preview route

make our modal preview a route to the movie details, modal opens onMount of the movie details route

Search bug

Sometimes a search can return empty, find a way to properly alert the user when this happens. Right now, the skeleton loader just continues indefinitely

Bookmark movies

Create a Bookmark feature that saves movies in the user store for future downloads.

Scroll functionality

Hover button that appears during scroll. Should help you scroll to the top of page or the bottom

Add engine option

Add capability to be able to select the engine to search/list from.
This can be passed to the API by just adding &engine=SupportedEngine to the API query
View Supported Engines

Take a tour

The "take a tour pop-up" should only appear once for every new visitor. Returning visitors shouldn't be getting the same pop-up again.

Logging Issues

Logging should be better. It should show status codes, time request was made and routes visited.

Series/Movie toggle

A toggle that enables you to switch from movie engines to series engines. When clicked, engine dropdowns should only have the relevant engines e.g when toggled to series, only tvseries should be in the dropdown

React Error Boundary

setup error boundary to display custom error when an internal error happens instead of a white blank page

UI fixes

  • Get a new generalized favicon.
  • Get a logo for gophie music page.
  • Fix to close modal "on click outside".

Mobile view scroll error

Current behaviour

Mobile view of the site does not load more movies after the loading the first 28 movies.

Expected behaviour

On reaching bottom of page, more movies should load

Browser

Google Chrome

OS

Android Oreo

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.