search

lifechurch / youversion-web-open-ideas

Ideas, problems, and puzzling things that are open for volunteer involvement. See the issues page for open ideas, and create a pull request if you have a solution!
https://www.youversion.com/volunteers/
Apache License 2.0
39 stars 18 forks source link

Build <VideoPlayer /> Component #18

Open michael-martin-al opened 6 years ago

michael-martin-al commented 6 years ago

Summary

Build a component for displaying and playing a single video. Your job is to create a very similar user interface using only components from our melos component library: https://github.com/lifechurch/melos

You won't be able to recreate the exact look and feel that you see on the Bible.com videos page, but that's OK! 😄 What you see on Bible.com represents our old design style, but melos represents our newest design specs. I am sure you'll have questions, so feel free to ping me. We'll get one of our YouVersion designers to give you the final 👍 when you're done. So, you can expect there to be some back and forth work with them getting it just right.

Mock API Data

After #11 has been completed, there should be some mock data available to use while building your component. Instead of hard-coding the strings and images, you want to grab those from the mock api data. If you have questions about this, just make a comment here and we'll do our best to answer quickly.

This is what you're building

While Playing

image

Before It Plays

image

On Hover, Before Play

image

rnice01 commented 6 years ago

I'd like to work on this one!

michael-martin-al commented 6 years ago

Thanks Rob. Hoping to stick with the HTML5 player for this. I don't think I mentioned it. Hopefully, we won't need any third-party players or plugins. We were able to do that for our Audio player. But, I haven't done much research for the video player yet. Let me know if you have questions.

rnice01 commented 6 years ago

Sounds good, thanks!

michael-martin-al commented 6 years ago

@rnice01 how are things going on this? Obviously, this whole Videos feature is useless if the videos can't be played. So, the work you're doing is HUGELY important. Let me know if you have questions or need clarification on anything.

rnice01 commented 6 years ago

@michael-martin-al Let me wrap up I have tonight and I’ll put in my PR for review. Sorry for the slow progress things have gotten busy at home.

michael-martin-al commented 6 years ago

No worries @rnice01. I'm not worried about speed right now. I just want to be sure you have what you need.

michael-martin-al commented 6 years ago

@rnice01 did you submit a PR for this already? I cannot find it.

srsheldon commented 5 years ago

@michael-martin-al, I know this is super late in the game but is this still an ask? I recently joined the youversion-vol-devs group and the project they had available was completed so I was just looking for other ways to help. Thanks!