Giter Club home page Giter Club logo

devtubers's People

Contributors

codyseibert avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

devtubers's Issues

Watch Panel

  • create a panel which has a running stack of the videos they have clicked on and display a youtube preview player in that panel
  • a user shall be able to watch the video directly in the panel, or they can open a new tab to watch the video on youtube
  • a user shall see the title of the video
  • a user shall be able to click on the channel name and have the application route to /channels/$CHANNEL_ID
  • a user shall be able to close the panel by clicking the x
  • a user shall be able to close the panel by clicking OUTSIDE of the panel
  • the panel should hide if the user wants to go to the channels page

Screen Shot 2021-03-12 at 9 05 12 PM

Submit Channel Page

  • create a page where a user can type in a link to a user's channel and that will send an email to [email protected] (look into using https://formsubmit.co/ to have it send out an email)
  • after submitting, display a thank you alert and let them know the channel should show up in the next 24 hours.

Screen Shot 2021-03-12 at 9 47 59 PM

About Page

  • create an about page which describes the purpose of this application, the technologies used, and any people who helped build it with links to their linkedin / portfolio sites

Screen Shot 2021-03-12 at 9 57 51 PM

Videos View

  • route is /videos
  • display a light blue sub navigation on the left which allows the user to filter down all the videos based on criteria
  • the sub-navigation must have a keyword filter input they can type into to filter down the videos as they type
  • display radio buttons for the max video length which will filter down the videos based on their length
  • display radio buttons for the max video age which will filter down the videos based on their age
  • display all the videos on the right side of the page
    • add in infinite scroll if the page is slow to initially display all the videos

Screen Shot 2021-03-12 at 9 02 56 PM

Create the Main Side Navigation

  • A user shall be able to navigate between pages using a left side navigation
  • clicking on the view source github link will loadup this repo in a new link
  • clicking submit channel will route to a /submit page
  • clicking about will route to an /about page
  • clicking the /c/webdevjunkie will open a new link to my youtube channel
  • clicking channels will redirect to /channels page
  • clicking videos will redirect to /videos page
  • clicking the logo at the top redirects to /channels

Screen Shot 2021-03-12 at 8 53 22 PM

Channel View

  • when navigating the /channels route, display a page that looks like the image
  • work on a light blue sub-navigation which lists out all the dev youtube channels with their avatar image
  • clicking on the channel link will redirect to /channels/$CHANNEL_ID and display the channels banner, info, etc
  • the filter at the top will filter out the channels as they type. for example, if they type web, it would should web dev simplified, web dev junkie, all about web, etc.
  • on initial page load, randomly pick a youtube channel and redirect to that person's channel page
  • when navigating to /channels/$CHANNEL_ID, display the info for that person's channel and highlight that channel in the light blue sub-navigation

Screen Shot 2021-03-12 at 8 57 55 PM

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.