+

frontend/src/App.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; 
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import { Helmet } from 'react-helmet';
 import './App.css';
 import Header from './components/header';
@@ -10,6 +10,7 @@ import JoinGame from './pages/joinGame';
 import StartGame from './pages/startGame';
 import Profile from './pages/profile';
 import Games from './pages/games.jsx';
+import CreateCharacter from './pages/createCharacter.jsx';
 import { UserProvider } from './context/UserContext.jsx';
 
 function App() {
@@ -23,13 +24,13 @@ function App() {
 
   return (
     <UserProvider>
-      <meta name="P&P-Master" content="WoW. A description."/>
+      <meta name="P&P-Master" content="WoW. A description." />
       <Router>
         <div>
-        <Helmet>
+          <Helmet>
             <title>P&P-Master</title>
           </Helmet>
-          {popupMessage && <div className="popup">{popupMessage}</div>}    
+          {popupMessage && <div className="popup">{popupMessage}</div>}
           <Header isLoggedIn={isLoggedIn} />
 
           <Routes>
@@ -64,6 +65,10 @@ function App() {
               path='/games/:gameId'
               element={<Games isLoggedIn={isLoggedIn} />}
             />
+            <Route
+              path='/create-Character'
+              element={<CreateCharacter isLoggedIn={isLoggedIn} />}
+            />
           </Routes>
         </div>
       </Router>