Add 404 page

Author: Ivan

CHANGELOG.md

@@ -4,8 +4,15 @@ All notable changes to this project will be documented in this file.
 
 This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+[0.0.2]: https://github.com/AivGitHub/koldakov/releases/tag/v0.0.2
 [0.0.1]: https://github.com/AivGitHub/koldakov/releases/tag/v0.0.1
 
+## [0.0.2] - 2023-07-02
+
+### Added
+
+- Page not found.
+
 ## [0.0.1] - 2023-07-02
 
 ### Added

src/App.tsx

@@ -1,7 +1,7 @@
 import { Container } from 'react-bootstrap';
 import { Route, Routes } from "react-router-dom";
 
-import { Home } from './pages';
+import { Home, NotFound } from './pages';
 import { NavbarHeader } from './components';
 import './App.css';
 
@@ -11,7 +11,8 @@ function App() {
       <NavbarHeader />
       <Container className="pt-3">
         <Routes>
-          <Route path="/" element={ <Home/> }/>
+          <Route path="/" element={ <Home /> }/>
+          <Route path="*" element={ <NotFound /> }/>
         </Routes>
       </Container>
     </div>

src/pages/NotFound.css

@@ -0,0 +1,25 @@
+import { Col, Row, Nav } from "react-bootstrap";
+import { Link } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+
+import "./NotFound.css";
+
+export const NotFound = () => {
+  const { t, i18n } = useTranslation();
+
+  return (
+    <div className="d-flex align-items-center justify-content-center pt-4">
+      <Row className="text-center">
+        <Col md={12}>
+          <p className="fs-3"> <span className="text-danger">
+            {t("Oops.text")}</span> {t("PageNotFound.text")}
+          </p>
+          <p className="lead">
+            {t("PageNotFoundDescription.text")}
+          </p>
+          <Link to="/" className="btn btn-primary">{t("GoHome.text")}</Link>
+        </Col>
+      </Row>
+    </div>
+  );
+}

src/pages/NotFound.tsx

@@ -1 +1,2 @@
 export { Home } from './Home';
+export { NotFound } from './NotFound';

src/pages/index.tsx

@@ -147,6 +147,18 @@
       },
       "KoldakovDescription": {
         "text": "Koldakov is a my profile site."
+      },
+      "PageNotFound": {
+        "text": "Page not found"
+      },
+      "PageNotFoundDescription": {
+        "text": "The page you’re looking for doesn’t exist."
+      },
+      "Oops": {
+        "text": "Oops!"
+      },
+      "GoHome": {
+        "text": "Go Home"
       }
     }
   },
@@ -277,6 +289,18 @@
       },
       "Interests": {
         "text": "Интересы"
+      },
+      "PageNotFound": {
+        "text": "Страница не найдена"
+      },
+      "PageNotFoundDescription": {
+        "text": "Страница, на которой вы сейчас находитесь, не существует."
+      },
+      "Oops": {
+        "text": "Упс!"
+      },
+      "GoHome": {
+        "text": "Домой"
       }
     }
   }