Rockets structure

src/App.js

@@ -1,9 +1,12 @@
 import { Routes, Route } from 'react-router-dom';
+import Rockets from './views/Rockets';
 import MyProfile from './views/MyProfile';
 
 function App() {
   return (
     <Routes>
+      <Route path="/" element={<Rockets />} />
+      <Route path="rockets" element={<Rockets />} />
       <Route path="my-profile" element={<MyProfile />} />
     </Routes>
   );

src/components/Header.jsx

@@ -8,6 +8,7 @@ const Header = () => (
       <nav className="navbar">
         <AppLogo />
         <ul id="navigation">
+          <MenuLink url="/rockets" pageName="Rockets" />
           <MenuLink url="/my-profile" pageName="My Profile" />
         </ul>
       </nav>

src/index.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
+import { Provider } from 'react-redux';
+import store from './redux/store';
 import './assets/styles/index.css';
 import App from './App';
 import './assets/styles/responsive.css';
@@ -9,9 +11,11 @@ import reportWebVitals from './reportWebVitals';
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
-    <BrowserRouter>
-      <App />
-    </BrowserRouter>
+    <Provider store={store}>
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+    </Provider>
   </React.StrictMode>,
 );
 

src/redux/rockets/rocketsSlice.js

@@ -0,0 +1,15 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+const initialState = {
+  rockets: [],
+  isLoading: false,
+  error: false,
+};
+
+const rocketsSlice = createSlice({
+  name: 'rockets',
+  initialState,
+  reducers: {},
+});
+
+export default rocketsSlice.reducer;

src/redux/store.js

@@ -0,0 +1,10 @@
+import { configureStore } from '@reduxjs/toolkit';
+import rocketsReducer from './rockets/rocketsSlice';
+
+const store = configureStore({
+  reducer: {
+    rockets: rocketsReducer,
+  },
+});
+
+export default store;

src/views/Rockets.jsx

@@ -0,0 +1,9 @@
+import Layout from './Layout';
+
+const Rockets = () => (
+  <Layout>
+    <section id="rockets" />
+  </Layout>
+);
+
+export default Rockets;