For dancers around the world, its not always possible to learn new choreo directly from a teacher in-person. Which, as many things do, leads us to the internet. Today, millions of self-taught dancers learn how to dance from videos online, and DoThatDance is the perfect assistant for that.
Most times, unless you’re combining multiple browser extensions or using a paid app, its difficult to find a video sharing service that includes all the features a dancer needs, until now. Go out there and DoThatDance.
- Access videos from YouTube links
- Unstretch goal: Have users upload a mp4 instead
- Mirror the video
- Slowdown or speed up the video
- Loop specified portions of the video
- Save timestamps
- Homescreen
- User authentication
- Keyboard shortcuts
- Notes at each timestamp
- Make the video fullscreen
- Post comments (tips, explanations, reactions, etc) by timestamp
- Save most recently viewed videos
- Let users rank videos by difficulty
- Frontend
- Figma
- React
- Backend
- Firebase
- IDE: Visual Studio Code
- Version Control: Git (see powerpoint)
- Node.js
- React
- Getting started with Node.js
- Quick Overview of React
- ReactJS Basics Tutorial
- Hour long indepth video about React
- Decide on roles
- Confirm app MVP and techstack
- Download software, set up environment and Git, watch tutorials
- Brainstorm front-end design and finish prototype
- Watch tutorials, get link from user and display YouTube embed
- Edit and finish (detailed) wireframes on Figma (see MVP)
- Start looking into YouTube embed customizations
- Code the main page
- Mirror the YouTube video
- Slow down the video based on percentage
- Make User Authentification
- Loop the video between two timestamps
- Make User history of past videos
- Integrate with back end
- Animate UI with transitions
- Complete integration
- begin working on presentation
- Finish presentation and being practicing
- Brainstorm fun ideas for presentation
- Prepare for presentation!
- Mirrorthevideo.com
- Mirrors the whole youtube page, which make it hard to read UI like timestamps for speed changing
- YouTube's built-in features
- Can't mirror the video
- Looper (Google Chrome extension for YouTube)
- Can't mirror the video or change the speed of it
Master cheatsheet: https://www.atlassian.com/dam/jcr:8132028b-024f-4b6b-953e-e68fcce0c5fa/atlassian-git-cheatsheet.pdf
Some basic ones:
Command | Description |
---|---|
cd "DoThatDance" | Change directories to our repository |
git branch | Lists branches for you |
git branch "branch name" | Makes a new branch |
git checkout "branch name" | Switch to branch |
git checkout -b "branch name" | Same as the 2 previous commands together |
git add . | Finds all changed files |
git commit -m "Testing123" | Commit with message |
git push origin "branch" | Push to branch |
git pull origin "branch" | Pull updates from a specific branch |
Back-end:
- Alex Tang
- Sravya Kotamraju
Front-end:
- Srishti Kannan
- Rishna Renikunta