diff --git a/front/Navigation.tsx b/front/Navigation.tsx
index 578d893..51952f1 100644
--- a/front/Navigation.tsx
+++ b/front/Navigation.tsx
@@ -11,6 +11,7 @@ import { translate } from './i18n/i18n';
 import { useQuery } from 'react-query';
 import API from './API';
 import PlayView from './views/PlayView';
+import ScoreView from './views/ScoreView';
 
 const Stack = createNativeStackNavigator();
 
@@ -19,6 +20,7 @@ export const protectedRoutes = <>
 	<Stack.Screen name="Settings" component={SetttingsNavigator} options={{ title: 'Settings' }} />
 	<Stack.Screen name="Song" component={SongLobbyView} options={{ title: translate('play') }} />
 	<Stack.Screen name="Play" component={PlayView} options={{ title: translate('play') }} />
+	<Stack.Screen name="Score" component={ScoreView} options={{ title: translate('score') }} />
 	<Stack.Screen name="Search" component={SearchView} options={{ title: translate('search') }} />
 </>;
 
diff --git a/front/i18n/Translations.ts b/front/i18n/Translations.ts
index f41493b..82dc9da 100644
--- a/front/i18n/Translations.ts
+++ b/front/i18n/Translations.ts
@@ -34,6 +34,7 @@ export const en = {
 	search: 'Search',
 	lastSearched: "Last searched",
 	levelProgress: 'good notes',
+	score: 'Score',
 
 	// competencies
 	pedalsCompetency: 'Pedals',
@@ -124,7 +125,8 @@ export const fr: typeof en = {
 	signUp: "S'inscrire",
 	signIn: "Se connecter",
 	"Must Contain 8 Characters, One Uppercase, One Lowercase, One Number and One Special Case Character": "",
-	accountCreated: "Compte créé"
+	accountCreated: "Compte créé",
+	score: 'Score'
 };
 
 export const sp: typeof en = {
@@ -190,4 +192,5 @@ export const sp: typeof en = {
 	accountCreated: 'Compte créé',
 	loggedIn: 'Connectado',
 	usernameTaken: 'Nombre de usuario ya tomado',
+	score: 'Score'
 };
\ No newline at end of file
diff --git a/front/views/PlayView.tsx b/front/views/PlayView.tsx
index 76d0353..a7ef3fe 100644
--- a/front/views/PlayView.tsx
+++ b/front/views/PlayView.tsx
@@ -3,6 +3,7 @@ import { SafeAreaView, Text } from 'react-native';
 import * as ScreenOrientation from 'expo-screen-orientation';
 import {  Box, Center, Column, IconButton, Progress, Row, View } from 'native-base';
 import { Ionicons } from "@expo/vector-icons";
+import { useNavigation } from '@react-navigation/native';
 
 class PlayView extends Component {
 
@@ -41,7 +42,7 @@ class PlayView extends Component {
 							<IconButton size='sm' colorScheme='coolGray' variant='solid' _icon={{
 							    as: Ionicons,
 							    name: "stop"
-							}}/>
+							}} onPress={() => this.props.navigation.navigate('Score')}/>
 						</Row>
 					</Row>
 				</Box>
@@ -50,4 +51,7 @@ class PlayView extends Component {
 	}
 }
 
-export default PlayView;
\ No newline at end of file
+export default function () {
+	const navigation = useNavigation();
+	return <PlayView navigation={navigation}/>;
+};
\ No newline at end of file
diff --git a/front/views/ScoreView.tsx b/front/views/ScoreView.tsx
new file mode 100644
index 0000000..caac4d2
--- /dev/null
+++ b/front/views/ScoreView.tsx
@@ -0,0 +1,5 @@
+const ScoreView = () => {
+	return <></>
+}
+
+export default ScoreView;