Skip to content
This repository was archived by the owner on Jul 25, 2020. It is now read-only.

3 week project at Code Chrysalis creating a dance scoring app with motion tracking in JavaScript

Notifications You must be signed in to change notification settings

crazy-bananas/boogie-woogie

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

602 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Boogie Woogie

A Dancing Game that rates the users dansing moves by tracking it with the webcam and comparing it to the correct dance. This project was created during only three weeks as the senior project at Code Chrysalis' Immersive Programing Bootcamp.

Demo

Try it out yourself by visiting the deployed version.

Front page

first page pic

Select Song Page

song page pic

Song Selection

song selection Demo

Dance Page

Dance page pic

Highscore Page

song page pic

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

The backend of this application is in a separate repo, Boogie Woogie Backend. Learn how to set up the backend by visiting that repo here.

You also need yarn. Please install it by using the code below, or visit yarns official website for more detailed instruction.

brew install yarn

Installing

Start by forking the repository, clone it to your computer and installing all dependencies using yarn.

yarn

You also need to setup your enviromental variables as below.

// .env

REACT_APP_AUTH_REDIRECT_LINK=<Link to where the user should be redirected after login/logout>
REACT_APP_YOUTUBE_API_KEY=<Your Youtube API key>
REACT_APP_AUTH0_CLIENT_ID=<Your Auth0 Client ID>
REACT_APP_DEVMODE=true

REACT_APP_AUTH0_CLIENT_ID and REACT_APP_AUTH0_CLIENT_ID is only needed if you want to have functional login. If you leave this empty, the login button will not work. If you imput REACT_APP_DEVMODE, the app will not require the player to get into start position before the song starts playing.

When aboce setup is completed, you can start the aplication by writing:

yarn start

Deployment

Add additional notes about how to deploy this on a live system

Built With

  • React - The web framework used

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Technologies Used

Authors

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

About

3 week project at Code Chrysalis creating a dance scoring app with motion tracking in JavaScript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5