diff --git a/frontend/src/components/Timetable.css b/frontend/src/components/Timetable.css
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/frontend/src/components/Timetable.js b/frontend/src/components/Timetable.js
new file mode 100644
index 0000000000000000000000000000000000000000..7a99a7c97a17d9542c2c5884c50e024d62f92317
--- /dev/null
+++ b/frontend/src/components/Timetable.js
@@ -0,0 +1,42 @@
+import React from "react"
+import Table from "react-bootstrap/Table"
+
+import styles from "./Timetable.css"
+
+
+export default function Timetable (schedule) {
+    const timetable = schedule.schedule;
+    return(
+        <div style={{ borderRadius: '5px', width: '500px', textAlign: 'center' }}>
+            <Table className="table table-striped table-bordered">
+                <tbody>
+                    <tr>
+                        <th>Lundi</th>
+                        <th>{timetable['LundiMidi'] != null ? timetable['LundiMidi'] : '-'}</th>
+                        <th>{timetable['LundiSoir'] != null ? timetable['LundiSoir'] : '-'}</th>
+                    </tr>
+                    <tr>
+                        <th>Mardi</th>
+                        <th>{timetable['MardiMidi'] != null ? timetable['MardiMidi'] : '-'}</th>
+                        <th>{timetable['MardiSoir'] != null ? timetable['MardiSoir'] : '-'}</th>
+                    </tr>
+                    <tr>
+                        <th>Mercredi</th>
+                        <th>{timetable['MercrediMidi'] != null ? timetable['MercrediMidi'] : '-'}</th>
+                        <th>{timetable['MercrediSoir'] != null ? timetable['MercrediSoir'] : '-'}</th>
+                    </tr>
+                    <tr>
+                        <th>Jeudi</th>
+                        <th>{timetable['JeudiMidi'] != null ? timetable['JeudiMidi'] : '-'}</th>
+                        <th>{timetable['JeudiSoir'] != null ? timetable['JeudiSoir'] : '-'}</th>
+                    </tr>
+                    <tr>
+                        <th>Vendredi</th>
+                        <th>{timetable['VendrediMidi'] != null ? timetable['VendrediMidi'] : '-'}</th>
+                        <th>{timetable['VendrediSoir'] != null ? timetable['VendrediSoir'] : '-'}</th>
+                    </tr>
+                </tbody>
+            </Table>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/frontend/src/components/index.js b/frontend/src/components/index.js
index 88ce9cb043c1cd5d996de74081438bf0d3838081..6c78013417ef3ced2fa34dfee71abc9f8691cdf5 100644
--- a/frontend/src/components/index.js
+++ b/frontend/src/components/index.js
@@ -1,2 +1,3 @@
 export { default as Header } from "./Header"
 export { default as Footer } from "./Footer"
+export { default as Timetable } from "./Timetable"
\ No newline at end of file
diff --git a/frontend/src/views/Eiffel.js b/frontend/src/views/Eiffel.js
index 52b7cd65781766ed3ff6726a12a6834549f1ace5..50cb1ff82afd06f60c48c38d156599722c48d9b3 100644
--- a/frontend/src/views/Eiffel.js
+++ b/frontend/src/views/Eiffel.js
@@ -1,5 +1,7 @@
 import React from "react"
 
+import Timetable from "../components/Timetable"
+
 
 export default function Eiffel(props) {
     return (
@@ -7,6 +9,7 @@ export default function Eiffel(props) {
         <h2>
             RU Eiffel
         </h2>
+        <Timetable schedule={ {'LundiMidi': '11h30 - 13h'} }/>
       </div>
     )
   }
\ No newline at end of file