Inspiration

Our team met because of our involvement in Chaotic 3, USC’s premiere competitive hip-hop team. Through the pandemic, we’ve had to dance over zoom, and were met with struggles with shoddy internet connection, and a lack of communication between teachers and students. As we’ve branched further into the dance community, we discovered that this was a shared experience among dancers everywhere, and that the number of self taught dancers had dramatically increased in the last few years.

Learning to dance can be daunting and expensive to do as a beginner. While sites like Steezy Studios and CLI studios do offer online classes, these classes are often choreography based and don’t teach students the foundations. We wanted to create a better solution for learning to dance without traditional instruction.

What it does

On our platform, students can watch instructors break down individual dance moves and can upload videos of themselves doing the move to get direct feedback. On the watch page, students can watch exclusive videos of accredited instructors across all different street styles. When students are ready to give it a try, they can film and upload a video of themselves performing the move.

On the instructor’s end of the website, they can see lists of videos of students requesting feedback and respond accordingly. Through the critique pages, instructors can see questions and desired feedback from students and respond with comments using timestamps from the video.

How we built it

Our team split the work between design and code. Eileen handled the UI design of the webpages and graphics using Figma and Photoshop. Olivia and Kat handled coding the website using ReactJS, NodeJS, and MaterialUI. We utilized Git to ensure that code collaboration went smoothly.

Challenges we ran into

Since all of us are beginners to web development, we had challenges developing the backend functionality of the website. Due to time constraints, we were unable to flesh out many of the features we wanted to implement in our site.

Accomplishments that we're proud of

We're proud of making a lot of progress with the website UI design. We're also happy we were able to showcase some videos of our dance teammates on our website and make a product meaningful to us and our community!

What we learned

For some of us, this was our first time using ReactJS and developing a website with a more complex frontend. We also learned how to work together to bring the artistic vision of the UI to life while balancing code restraints.

What's next for Dance For All

With Dance For All, we hope to implement more of the features, such as a page for instructors to upload their videos or search functionality so users can look up specific dance moves. We would also implement more backend functionality to store the video and comment information. Eventually, we would want to expand our platform to include hip hop street style events and forums so students could meet other learning dancers and get involved in person in the dance community.

Built With

Share this project:

Updates