wersow-project

wersow-project is an app that allows you to watch and collect Wersow's videos (she's a Polish youtuber). Everyday there is a different video. The goal is to collect all of them. Design of the app is inspired by Chicken Invaders.

Links

• the website: https://wersow.netlify.app/
• api: https://wersow-api.herokuapp.com/

Table of Contents

1. Overview
2. Technologies
3. Frontend
   1. Custom hooks
4. Backend
   1. Custom commands
5. Sources

Overview

Home Page

Here you can watch today's video and add it to your collection.

My Videos Page

Here you can watch all videos you have collected.

Technologies

• Python 3.10
• Django 4.0
• Django REST Framework 3.13
• Node 19.5
• TypeScript 4.8
• React 18.2

Frontend

Custom hooks

useWindowSize

const [windowWidth, windowHeight] = useWindowSize();

returns current width and height of the window

Backend

Custom commands

• Update database with new Wersow's videos that aren't already in the database

  • add all possible videos

  python manage.py loadvideos

  • add 5 new videos

  python manage.py loadvideos --limit 5

• Add latest Wersow's video if it isn't already in the database

  python manage.py addlatestvideo

• Change today's video for another random Wersow's video

  python manage.py changetodaysvideo

To-do

• every day another random Wersow's video
• authentication
• ability to collect videos
• video collection page
• progress bar (100% - all videos collected)

Sources

• Design is inspired by Chicken Invaders
• Parallax Pixel Background Animation
• Logo generator
• Django API Authentication using JWT Tokens
• React JWT Authentication
• Loading spinner