Merge pull request #14 from a-romantic-cat/feature/2

Feature/2

front-end/package.json

@@ -8,12 +8,19 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "date-fns": "^3.3.1",
+    "moment": "^2.30.1",
     "react": "^18.2.0",
+    "react-calendar": "^4.8.0",
     "react-dom": "^18.2.0",
+    "react-markdown": "^9.0.1",
     "react-modal": "^3.16.1",
     "react-redux": "^9.1.0",
     "react-router-dom": "^6.21.3",
+    "react-redux": "^9.1.0",
+    "react-router-dom": "^6.21.3",
     "react-scripts": "5.0.1",
+    "redux": "^5.0.1",
     "styled-components": "^6.1.8",
     "web-vitals": "^2.1.4"
   },

front-end/src/App.js

@@ -18,6 +18,10 @@ import OpenLetter1 from './components/MyLetterbox/OpenLetter1';
 import CreateAccount from './components/Login/CreateAccount';
 import Terms from './components/Login/Terms';
 import MakeLetterbox from './components/Login/MakeLetterbox';
+import BoxSetting1 from './components/Login/BoxSetting1';
+import BoxSetting2 from './components/Login/BoxSetting2';
+import BoxSetting3 from './components/Login/BoxSetting3';
+import SettingEnd from './components/Login/SettingEnd';
 
 const Background = styled.div`
   background-color: #FFFEF8;
@@ -47,6 +51,10 @@ function App() {
           <Route path="/OpenLetter1" element={<OpenLetter1 />} />
           <Route path="/Terms" element={<Terms />} />
           <Route path="/MakeLetterbox" element={<MakeLetterbox />} />
+          <Route path="/BoxSetting1" element={<BoxSetting1 />} />
+          <Route path="/BoxSetting2" element={<BoxSetting2 />} />
+          <Route path="/BoxSetting3" element={<BoxSetting3 />} />
+          <Route path="/SettingEnd" element={<SettingEnd />} />
         </Routes>
       </BrowserRouter>
     </Background>