diff --git a/src/App.js b/src/App.js
index 506faf1..6406f26 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,3 +1,5 @@
+import React from 'react';
+
 const App = () => {
   return (
     <div>
@@ -6,4 +8,6 @@ const App = () => {
   );
 }
 
+
+
 export default App;
diff --git a/src/pages/Connexion.js b/src/pages/Connexion.js
new file mode 100644
index 0000000..3ac36ce
--- /dev/null
+++ b/src/pages/Connexion.js
@@ -0,0 +1,20 @@
+import React from 'react';
+
+const Connexion = () => {
+    return (
+        <div>
+            {/* Create a connexion page */}
+            <h1>Connexion</h1>
+
+            {/* Create a form */}
+            <form className="connexionBox" onSubmit={e => e.preventDefault()}>
+                <input type="text" placeholder="Pseudo" required />
+                <button type="submit">GO</button>
+                
+            </form>
+            
+        </div>
+    );
+};
+
+export default Connexion;
\ No newline at end of file