Coder Social home page Coder Social logo

climbingnarc-videos's People

Contributors

dhaulagiri avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Forkers

gitter-badger

climbingnarc-videos's Issues

Analytics

Add GA to track what is being viewed

Search

Not sure if this is server side or all client side

Fix CORS messages

They are only warnings, but it would be good to clean them up:

[Report Only] Refused to apply inline style because it violates the following Content Security Policy directive: "style-src 'self' http://*.googleapis.com". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution.

[Report Only] Refused to load the image 'http://i.vimeocdn.com/video/502425648_1280.jpg' because it violates the following Content Security Policy directive: "img-src 'self'".

[Report Only] Refused to apply inline style because it violates the following Content Security Policy directive: "style-src 'self' http://*.googleapis.com". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution.

[Report Only] Refused to connect to 'http://vimeo.com/api/oembed.json?url=http%3A//vimeo.com/116166544' because it violates the following Content Security Policy directive: "connect-src 'self' http://climbingnarc.com ws://localhost:35729 ws://0.0.0.0:35729".

Roadmap

This ticket is an overall road map for what I envision for this project. Other ideas are always welcome.

The overarching goal of this project is to build a much more responsive and interactive video browsing experience. The main idea being that people like to watch climbing videos and I have a lot of videos in the archive now, so the easier we can make browsing and watching that archive the better.

I'm not sure how this will be deployed yet, but a drop in replacement for the current videos site - same urls - would be ideal. For example, http://climbingnarc.com/videos/the-push-days-09-10/ would be intercepted by the Ember app instead of loading the wordpress page.

Key items I would like to implement include:

  • Index list of current videos (with thumbnails) that either has infinite scrolling to load additional videos or some sort of user directed action that can load additional videos. There is some code in place for the latter but it is commented out at the moment.
  • Video detail page that includes the video, comments, ratings and related videos.
    • The comment part will require both the display of comments as well as allowing users to submit new comments
    • The most difficult of these is the ratings function which will require customization of the Wordpress API. I would really like to keep this functionality though since rating videos allows for further categorization of videos based on their ratings.
  • Video search to let users search generically as well as by specific climbers or climbing areas (each video is tagged through Wordpress's custom taxonomies with the climber(s) and climbing area(s) featured). A basic version of this is implemented, but it would be much more powerful if we could filter on specific climbers/areas.
  • The design in place right now is extremely basic. I would like to come up with something much nicer.

Open issues around these goals:

  • Embedding youtube/vimeo #3
  • Random video #4
  • Search #5
  • Filtering on taxonomies #6
  • Show comments #7
  • Show stars #8

Show stars

Need a way to expose the star ratings from the backend. This will require extending WP-API in some way.

Integration tests

This is stubbed out, but for some reason Pretender is not starting correctly. Fix that then build out integration tests that ensure the site is working properly.

If I wanted to convert the entire blog...

...I would need to

Random video

Need an api endpoint to return the random videos. This would be great to keep people browsing on the site.

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.