Skip to content

facn2/vidNotes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vid Notes

A notepad for YouTube videos

Goals

  • Allow users to import videos from YouTube
  • Allow users to to leave timestamped notes on videos for study and reference purposes

User Journey

  • As a user I want to import videos from YouTube which I'm using for study or educational purposes.
  • I want to leave notes on videos which I can reference to after creating them.
  • I want those notes to be timestamped based on the time slot of the video which I'm leaving notes on.

App Flow

  1. The user lands on the home page which describes the purpose of the application with a "Register to start" button allowing them to create an account and start using the application.
  2. Once the user has created an account and is logged in they will be directed to their profile page.
  3. The profile page will allow the user to import videos of their choice from YouTube by providing a video URL.
  4. The user will see all the videos they have imported in their profile page within a gallery view.
  5. When user clicks on an imported video, they will go to a page which allows them to stream the video while provided with a notepad function allowing them to leave notes on a video, each note timestamping the point of the video when leaving the note.
  6. User can click on "notes" tab from the profile page which will direct to a page which displays all of the notes they have created collectively between all the videos.
  7. Notes will be filterable & searchable by filtering tags issued to notes and searching an input field for a notes title.

Technology Stack

Based on our applications features and functionalities along with our personal interests in web development, we have decided to go with the following stack:

  • Express
  • PostgreSQL
  • React

Architecture

Image

Database Schema

Image

Prototype

Click Here to view prototype

Strech Goals

  • User Login
  • Sign in with Google
  • Search notes with search bar
  • Allow users to search notes
  • Allow users to share notes
  • Allow users to reference & study their notes separate from the video page
  • Delete videos on the video gallery page
  • Edit and Delete notes