feat: add welcompage

package.json

@@ -15,14 +15,18 @@
     "@mui/icons-material": "^5.11.16",
     "@mui/material": "^5.12.3",
     "@mui/styled-engine-sc": "^5.12.0",
+    "@mui/styles": "^5.12.3",
+    "firebase": "^9.21.0",
     "i18next": "^22.4.15",
     "i18next-browser-languagedetector": "^7.0.1",
     "i18next-http-backend": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-firebase-hooks": "^5.1.1",
     "react-i18next": "^12.2.2",
     "react-json-formatter": "^0.3.2",
     "react-router-dom": "^6.11.1",
+    "react-typed": "^1.2.0",
     "styled-components": "^5.3.10"
   },
   "devDependencies": {

public/locales/en/translation.json

@@ -1,3 +1,12 @@
 {
-  "logout" : "logout"
+  "logout" : "logout",
+  "go to main page": "go to main page",
+  "sign in": "sign in",
+  "sign up": "sign up",
+  "BlueOwll": "BlueOwll",
+  "Roman Maklakow": "Roman Maklakow",
+  "Roman Nevdah": "Roman Nevdah",
+  "welcom page part 1": "GraphQL is a powerful tool for exploring and testing GraphQL APIs. With an intuitive interface and powerful features, it`s the perfect solution for developers looking to streamline their GraphQL development workflow.",
+  "welcom page part 2": "The goal of this project was to develop a powerful GraphQL playground that would help developers explore and test GraphQL APIs more efficiently. Our team of 3 developers worked tirelessly to create an app that would meet the needs of developers of all skill levels.",
+  "welcom page part 3": "This app was developed as a project for the RS School course name, which is an online course designed to teach students the skills they need to become professional developers. As part of the course, students are required to complete a series of projects that demonstrate their understanding of the concepts covered in the course."
 }

public/locales/ru/translation.json

@@ -1,3 +1,13 @@
 {
-  "logout" : "Выйти"
+  "logout" : "Выйти",
+  "go to main page": "Перейти на Главную",
+  "sign in": "Войти",
+  "sign up": "Зарегистрироваться",
+  "BlueOwll": "Синяя Сова",
+  "Roman Maklakow": "Роман Маклаков",
+  "Roman Nevdah": "Роман Невдах",
+  "welcom page part 1": "GraphQL — это мощный инструмент для изучения и тестирования API-интерфейсов GraphQL. Благодаря интуитивно понятному интерфейсу и мощным функциям это идеальное решение для разработчиков, стремящихся оптимизировать рабочий процесс разработки GraphQL.",
+  "welcom page part 2": "Цель этого проекта заключалась в разработке мощной игровой площадки GraphQL, которая помогла бы разработчикам более эффективно исследовать и тестировать API-интерфейсы GraphQL. Наша команда из 3 разработчиков неустанно работала над созданием приложения, которое удовлетворило бы потребности разработчиков всех уровней квалификации.",
+  "welcom page part 3": "Это приложение было разработано как проект для курса RS School, который представляет собой онлайн-курс, предназначенный для обучения студентов навыкам, необходимым им для того, чтобы стать профессиональными разработчиками. В рамках курса студенты должны выполнить ряд проектов, демонстрирующих их понимание концепций, рассматриваемых в курсе."
 }
+

src/App.tsx

@@ -2,26 +2,27 @@ import { Routes, Route, Navigate } from 'react-router-dom';
 import { BaseLayout } from './pages/BaseLayout/BaseLayout';
 import WelcomePage from './pages/WelcomePage/WelcomePage';
 import MainPage from './pages/MainPage/MainPage';
+import SignIn from './pages/SignInPage/SignInPage';
+import SignUp from './pages/SignInPage/SignUp';
 import { NotFoundPage } from './pages/NotFoundPage/NotFoundPage';
 import { useTranslation } from 'react-i18next';
 
 function App() {
-
   const { t, i18n } = useTranslation();
 
   const changeLanguage = (lang) => {
     i18n.changeLanguage(lang);
-    console.log('changeLanguage');
   };
 
   return (
     <Routes>
-      <Route path='/' element={<BaseLayout changeLanguage={changeLanguage} t={t}/>}>
-        <Route index element={<WelcomePage />} />
-        <Route path='main' element={<MainPage />} />
-        {/* <Route path="login" element={<LoginPage />} /> */}
-        <Route path='404' element={<NotFoundPage />} />
-        <Route path='*' element={<Navigate to='/404' replace />} />
+      <Route path="/" element={<BaseLayout changeLanguage={changeLanguage} t={t} />}>
+        <Route index element={<WelcomePage t={t} />} />
+        <Route path="main" element={<MainPage />} />
+        <Route path="signIn" element={<SignIn />} />
+        <Route path="signUp" element={<SignUp />} />
+        <Route path="404" element={<NotFoundPage />} />
+        <Route path="*" element={<Navigate to="/404" replace />} />
       </Route>
     </Routes>
   );