joewuthrich / ytmarker-code Goto Github PK

View Code? Open in Web Editor NEW

0.0 0.0 0.0 287 KB

A website allowing you to add timestamps while watching a youtube video, using either keys or on-screen buttons.

Python 6.75% CSS 4.54% JavaScript 9.05% HTML 79.66%

ytmarker-code's Introduction

Hi there,

I'm Joe, a computer science major from New Zealand who enjoys solving problems with code.

I'm currently working on projects involving JavaScript, TypeScript, React Native, HTML, CSS, Node.js & MongoDB.

My portfolio can be found here.

let me = {
  name: "Joe",
  age: "23",
  status: "Full Stack Developer",
  technologies: ["JavaScript", "TypeScript", "React Native", "HTML", "CSS", "Node", "MongoDB", "SQL", "React"],
  portfolio: "https://joewuthri.ch",
}

ytmarker-code's People

Contributors

Watchers

ytmarker-code's Issues

Accept Payments

Find a way to accept reoccuring subscription payments

storage resets to nothing when loading saved video sometimes

Enter key on mobile doesn't close forms

Missing title in header for each page

Page Descriptions / Titles (SEO)

Add SEO stuff so people can search for the page easier

List dropdown for keyboard time addition doesn't update when list name changes

Buttons for input not appearing on mobile

Need to move code for new buttons over to small screen width too

Narrow settings-options-login bar background is the wrong size

When logged in, the background is the wrong size becuase the text 'login' changes length to the person's name

Add premium features

Add features such as more buttons to assign to lists, premium-only saving of unlimited videos, changing the delay of the delay button etc.

Legal Section

Small legal section mentioning that I am not affiliated with YouTube and maybe how cookies are used

Saved videos overwriting each other

Unwanted behaviour when attempting to save videos past the two video limit - videos overwrite each other.

Also, videos with the same URL don't update and instead just create multiple versions.

Background wrong color in light mode

issue in stylesheet

Possible conflict if list is named the same as an already existing id

Menu buttons not aligned correctly

Something to do with them being inside the dropdown class instead of directly in the append for the form.

<div class="input-group-append"> <button class="btn btn-outline-secondary new-video-button" type="button" onclick="showVideo('top');">Find Video</button> <button type="button" class="btn btn-outline-secondary" id="settings-menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Marker Settings </button><div class="dropdown-menu dropdown-menu-right settings-menu" aria-labelledby="settings-menu" x-placement="bottom-end" style="position: absolute; transform: translate3d(1257px, 38px, 0px); top: 0px; left: 0px; will-change: transform;"> <div class="px-3 py-1">

This works (removing the button from the dropdown class) but the dropdown menu no longer open on hover.