GithubHelp home page GithubHelp logo

jinnic / vinterest Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.36 MB

Pinterest inspired video sharing social media web application. Utilized YouTube API for searching videos and wrote a custom library that can format shared YouTube and Vimeo links to it’s embedded link.

Home Page: https://vinterest.herokuapp.com/

Ruby 64.84% JavaScript 4.88% HTML 26.67% SCSS 3.52% Shell 0.09%
youtube-api masonary-grid pinterest

vinterest's Introduction

Vinterest

A Pinterest-inspired web application that enables users to pin their favorite videos cross-platform, including Youtube and Vimeo. Built with Ruby On Rails, SQL, YouTube API, and Bootstrap.

Live @vinterest.herokuapp.com ID: demo PW: demo

Functionality

Vinterest allows a user to:

  • Sign up and create an account.
  • Edit their account details.
  • Add video links, edit video information, and delete video.
  • View the video uploaded of other users.
  • Create boards and set it to public or secret.
  • Search for videos and save it to user's board.

Built With

  • Ruby On Rails
  • SQL
  • YouTube API
  • Bootstrap

Features

  • Automatic videoURL change from shared link to embbed video format for Vimeo and YouTube
  • YouTube video search by title
  • Masonary grid with Bootstrap

Resources used

  • Figma - Creating mockups/prototypes for site layout and design
  • YouTube API - Fetch search result by video titles
  • Bootstrap - Masonary grid and responsive design
  • FontAwesome - Icons for edit, delete, secret and public

vinterest's People

Contributors

dependabot[bot] avatar jinnic avatar

Watchers

 avatar

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.