itssimmons / tt-clone

Functional tiktok clone

Welcome I'm Simon! 

Since I began my career, my main goal has been to understand programming in all its glory. I have worked on projects ranging from simple HTML pages to complex developments that have transformed my approach and methodology. I don't just code to learn; I code to grow and constantly evolve, always striving for excellence in every project.

Last week code journey:

TypeScript   7 hrs 37 mins   ███████████░░░░░░░░░░░░░░   44.49 %
JSON         1 hr 33 mins    ██▒░░░░░░░░░░░░░░░░░░░░░░   09.07 %
Bash         1 hr 29 mins    ██▒░░░░░░░░░░░░░░░░░░░░░░   08.71 %
Python       1 hr 29 mins    ██▒░░░░░░░░░░░░░░░░░░░░░░   08.69 %
Docker       1 hr 27 mins    ██░░░░░░░░░░░░░░░░░░░░░░░   08.50 %

• 🚩 Mostly active between 9:00 AM and 6:00 PM Buenos Aires, Argentina (GMT-3)
• 👷 I’m currently working on a Chrome extension enhanced with Gemini AI features.
• 🐍 I’m currently learning Python for AI

tt-clone's Issues

Header is at the top of the body and not at the video top

Actual Behavior

When you position something in relative this will be converted to a position index, which means that all items that have position: absolute going to move their properties (top, bottom...) in relation to this but this only happens when the position relative is its parent, not its brother

Expected Behavior

Header must be at the top of the video not at the top of the body

description and footer menu are not touching dynamically

Actual Behavior

Description panel don't have a dynamical position, as a result of that makes them not collide to the bottom menu

Expected Behavior

Description panel and the menu bottom must be together no matter what the resolution is

[Bug]: ticker does not work properly

Actual Behavior:

The song name have a ticker that it goes from 0% to -100%, the problem is when this one resets it does suddenly because it starts from 0% and that is the initial value of the animation.

actualbehavior.mov

Expected Behavior:

It have to go from 0% to -100% then go to 100% and go to -100% again so on