Experience the elegance of ballet through interactive 3D lessons, AI pose correction, and a supportive community β all in the palm of your hand.
From real-time feedback to curated playlists, TutuView brings the grace of ballet to your daily routine.
Learn with a 3D avatar that demonstrates every pliΓ©, tendu, and pirouette from any angle.
Get real-time feedback on your form using your device's camera, powered by TensorFlow.js.
Track your flexibility, strength, and technique improvements with beautiful analytics.
Dance to the perfect rhythm with professionally curated playlists for every practice session.
From wireframe to deployment, here's how I crafted the TutuView app using my favorite tech stack.
Started with Figma to sketch out the user journey, wireframes, and the elegant ballet-inspired UI.
FigmaSet up the React Native project in VSCode, structured the components, and connected Firebase.
React Native FirebaseIntegrated TensorFlow.js for pose detection, enabling real-time feedback directly on the device.
TensorFlow.js Node.jsI used Visual Studio Code as my primary IDE. The combination of ES7+ React/Redux/React-Native snippets, Prettier, and GitLens supercharged my productivity.
The real magic happened when I integrated the Live Share extension for pair programming and used the integrated terminal for running the Metro bundler and testing the app on an emulator.
// App.js β Core structure import React, { useState } from 'react'; import { NavigationContainer } from '@react-navigation/native'; import { createStackNavigator } from '@react-navigation/stack'; const Stack = createStackNavigator(); function App() { return ( <NavigationContainer> <Stack.Navigator screenOptions={{ headerShown: false }}> <Stack.Screen name="Home" component={HomeScreen} /> <Stack.Screen name="Lesson" component={LessonScreen} /> </Stack.Navigator> </NavigationContainer> ); } export default App;
Hope is a solo developer who loves crafting elegant digital experiences. With a background in design and a passion for movement, building TutuView was a dream project that combined art and code.
"I wanted to make ballet accessible to everyone, using the power of AI and beautiful interfaces."
TutuView is built on the belief that technology can be poetic. Every swipe, every tap, every animation is designed to feel as fluid as a ballet performance.
The app is a testament to how modern tools like React Native and TensorFlow.js can create deeply human experiences.
I'm always open to collaborating on creative, tech-driven projects. Reach out and let's make something beautiful.