Bookwise is a video library web app that consists of a collection of Videos

Related tags

Video/Audio javascript video reactjs component-library videolibrary
Overview
logo

Bookwise

A video library website based on Books Reviews

How to install and run locally ?

$ git clone https://github.com/rutvikpumak/bookwise.git
$ cd bookwise
$ npm install
$ npm start

Features -

  • Home page
  • Video listing page
  • Filter Videos
  • Search video
  • Individual video page
  • Like video
  • Watch Later Video
  • History video
  • Create playlist
  • Comment on video
  • Authentication:
    • User Signup
    • User Login
  • Fully Responsive

Built with -

  • React JS
  • React Context API + useReducer
  • React Router v6
  • Vanilla CSS integrated with BoostMat UI Component Library

Demo -

bookwise

Comments
  • feat : added playlist feature

    feat : added playlist feature

    -> user can create playlist now -> user can can added new video to existing playlist by clicking on checkbox -> user can can also remove that video from existing playlist by clicking on checkbox -> user can view their playlist in playlist tab -> user can delete playlist and also remove particular video from playlist by navigation in playlist tab

    opened by rutvikpumak 1
  • feat : added history functionality

    feat : added history functionality

    -> User can't see history page without login -> After login, if watch any video it'll be added to the history -> user can delete the particular video from history by ":" clicking -> user can also clear all the videos from history

    opened by rutvikpumak 1
  • feat : added auth (Login and Signup)

    feat : added auth (Login and Signup)

    -> Added basic auth -> Log In with hardcoded test credentials -> Sign up by using inputs fields -> User profile page added -> Log Out also implemented -> Validation of form not added

    opened by rutvikpumak 1
  • feat : added filter functionality

    feat : added filter functionality

    -> Added context and fetching videos & categories by API -> Added Search functionality -> Added video sort by category functionality -> Added single video page redirects to particular that video

    opened by rutvikpumak 1
  • added video listing and single video page

    added video listing and single video page

    -> Video listing and single video page added -> click on 1st video card you will be redirected to a single video page where you can play the video

    opened by rutvikpumak 1
  • feat : added liked video functionality

    feat : added liked video functionality

    ->click on any single video and press on like button -> added liked video functionality -> once you liked it will show in liked container -> you can also remove from like video

    opened by rutvikpumak 0
Owner
Rutvik Umak
Front End Developer | Aspiring Full Stack Web Developer 👨‍💻| Exploring Web Dev with Neog Camp |
Rutvik Umak
GitHub https://bookwise.netlify.app
A tool to download all videos and convert to mp3 inside a video set of bilibili.

bilibili-video2mp3 A tool to download all videos and convert to mp3 inside a video set of bilibili (also works for single video, of course). You will

wxsm 23 Dec 15, 2022
A Node JS Express/Serverless demo application that creates a slideshow video using the Pexels image library and Shotstack video editing API.

Shotstack Pexels Slideshow Video Demo This project demonstrates how to use the Shotstack cloud video editing API to create a video using an HTML form

Shotstack 25 Dec 9, 2022
Video.js - open source HTML5 & Flash video player

Video.js - HTML5 Video Player Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and Media Source Ext

Video.js 34.8k Jan 5, 2023
A Chrome extension to help you inspect Mp4 video content and find irregularities in video streams.

MP4Inspector A Chrome extension to help you inspect Mp4 video content and find irregularities in video streams. Installation In chrome navigate to chr

Bitmovin 48 Nov 28, 2022
A lightweight web component helper for HTML5 videos.

Video Radio Star A lightweight web component helper for HTML5 videos. Intended for use with muted by default HTML5 videos. Demo Demo out of viewport u

Zach Leatherman 58 Dec 12, 2022
A web video player built for the HTML5 world using React library.

video-react Video.React is a web video player built from the ground up for an HTML5 world using React library. Installation Install video-react and pe

null 2.4k Jan 6, 2023
This is a simple web based media player for playing video and audio. Build with pure HTML, CSS and Javascript. No framework or library included.

Aim-Player This is a simple web based media player for playing video and audio. Build with pure HTML, CSS and Javascript. No framework or library incl

Aim Mikel 2 Jun 27, 2021
Create videos using React!

Reactive Videos are videos created using HTML and React components. This allows you to leverage the almost limitless possibilities of the web browser

Mikael Finstad 76 Dec 25, 2022
Play games or watch YouTube videos together on Discord !

Discord Together ?? Installation Install discord-together $ npm install discord-together@latest Install discord.js $ npm install discord.js ?? Featu

RemyK 186 Jan 3, 2023
Lightweight customizable placeholders for third party content of your website (e.g. Youtube Videos) compatible with the Usercentrics CMP.

Usercentrics Widgets Lightweight customizable placeholders for third party content of your website (e.g. Youtube Videos) compatible with the Usercentr

Netresearch 3 Nov 17, 2022
Um simples bot para o Telegram que baixa vídeos e áudios do TikTok & outras funcionalidades

Kelle Estella (Telegram) Um simples bot para o Telegram que baixa vídeos e áudios do TikTok & outras funcionalidades. Clique aqui para utilizá-lo. Com

Luis Gabriel Araújo 3 Apr 20, 2022
A program that makes scripting videos easier.

A program that makes scripting videos easier. Scripts can be written using only the keyboard.

Samuel Albert 18 Jun 22, 2022
Scraper for TikTok. Download videos, music, fetch users info and more.

tiktok-scraper A fast light-weight scraper for tiktok to fetch and download video posts, video music, user info and more. Installation npm i tiktok-sc

null 41 Jan 1, 2023
Compress program that uses H264,VP9 and Vorbis algorithms with ffmpeg to compress anime videos and audios

Vaniply Compress tool to compress videos and audios using H264,VP9 and Vorbis algorithms Installation and running Just clone the repository and open a

null 18 Oct 15, 2022
Compress program that uses H264,VP9 and Vorbis algorithms with ffmpeg to compress anime videos and audios

Vaniply Compress tool to compress videos and audios using H264,VP9 and Vorbis algorithms Installation and running Just clone the repository and open a

OpenAnime 20 May 30, 2022
Recap let's you recap on your favourite social network videos by downloading them on your devices, from the range of YouTube, SoundCloud, Facebook, Twitter, Instagram, TikTok, Vimeo, Dailymotion, VK, or AOL.

Recap A Social Network Video Downloader Recap let's you recap on your favourite social network videos by downloading them on your devices, from the ra

John Oladele 4 Sep 24, 2022
This is a YouTube Video Planner app built with NextJS, GraphQL, Prisma and MongoDB for the MongoDB Atlas Hackathon

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Justin Chau 2 Jan 14, 2022
A video message app completely decentralized, apart from the turn server

Doom @WIP Doom (Decentralized Zoom proof of concept) What is this? It's a video message app completely decentralized, apart from the turn server (wip)

Felipe Melo 17 Oct 30, 2022
High-quality Interactive Audio/Video Uni-app SDK

如何使用 步骤一：注册并创建 uni-app 账号 搭建 App 开发环境步骤如下： 下载 HBuilderX 编辑器 。 项目中 HBuilderX 目前使用的最新版本，如果此前下载过 HBuilderX，为保证开发环境统一请更新到最新版本。 DCloud 开发者中心注册 之后登录 HBuilde

LiteAVSDK 19 Dec 20, 2022