встречайте мое новое React приложение с открытым исходным кодом, все также реализованное с использованием последних современных технологий мира разработки.
Данный проект основан на представлении всемирно известного экшена боев и танковых баталий -
WORLD of TANKS и является непосредственным клоном официального сайта от Wargaming.
В связи с этим, обращаю Ваше внимание, что некоторые из сылок приложения перенаправляют клиента на официальный сайт Мира танков.
| Ключевые инструменты, используемые в проекте:
| Инструмент | Описание |
|---|---|
| Figma | онлайн-сервис, для разработки интерфейсов и прототипирования с возможностью организации совместной работы в режиме реального времени. |
| VScode | легкий, но мощный редактор исходного кода, который работает на вашем рабочем столе и доступен для Windows, macOS и Linux. |
| SASS | самый зрелый, стабильный, мощный и профессиональный язык CSS расширений в мире. |
| Node | программная платформа, основанная на движке V8, превращающая JavaScript из узкоспециализированного языка в язык общего назначения. |
| React | javaScript библиотека, для уверенного создания пользовательских интерфейсов. |
| Webpack | сборщик статических модулей для современных JavaScript приложений. |
| Babel | цепочка инструментов, используемая для преобразования кода ECMAScript 2015+ в обратно совместимую версию JavaScript в текущих и более старых браузерах или средах. |
| Redux Toolkit | redux библиотека, предназначенная для стандартного способа написания логики. |
| TypeScript | строго типизированный язык программирования, основанный на JavaScript. |
| React-i18next | мощная JavaScript платформа интернационализации для React / React Native, основанная на i18next. |
| Axios | javaScript библиотека с открытым исходным кодом, построенная на HTTP-клиенте для браузера и Node.JS, основанном на Promise. |
| JSON-server | JavaScript библиотека для создания тестового REST API |
| Основные технологии, используемые автором проекта:
| Технология | Описание |
|---|---|
| BEM methodology | компонентный подход к веб-разработке, позволяющий создавать расширяемые и повторно используемые компоненты интерфейса. |
| SMACSS methodology | методология веб-разработки, для организации и написания масштабируемой и модульной CSS архитектуры. |
| Desktop first | подход веб-разработки, при котором разработка осуществляется для многофункциональных проектов, ориентированных в первую очереди на пользователей настольных компьютеров, планшетных устройств и смартфонов. |
| Responsive web design | набор методов, обеспечивающих правильное отображение приложения на различных устройствах пользователя подключённых к интернету. |
| Web сomponents | комплекс технологий, позволяющих создавать настраиваемые повторно используемые элементы с функциональностью, инкапсулированной отдельно от остальной части кода. |
 Chrome |
 Firefox |
 Yandex |
 IE / Edge |
 Safari |
|---|---|---|---|---|
| ✔️ last 3 versions | ✔️ last 3 versions | ✔️ last 3 versions | ✔️ IE11, ✔️ Edge | ✔️last 3 versions |
- Клонируйте данный репозиторий, используя следующую команду в терминале:
git clone https://github.com/LoktionovTEAM/WoT.git - Перейдите в соответствующий каталог с клонированным репозиторием:
cd WoT. - Запустите
yarnилиnpm installдля автоматической установки всех необходимых пакетов зависимостей. - Запустите
yarn startилиnpm startчтобы открыть приложение в браузере по URL адресу:http://localhost:3000 - Поздравляю, только что вы развернули данное приложение у себя на клиенте.
Домашняя страница
Страница «Игра»
Страница «Руководства»
Страница «Кланы»
Страница «Турниры»
Страница «Сообщества»
Страница не найдена
Языковая панель
Всплывающее окно
WORLD of TANKS
👉 Демо: пощупать 👈
💻 Desktop
📳 Mobile
| Вы можете использовать это програмное обеспечение в рамках лицензии MIT, по своему усмотрению, однако, согласно требованиям настоящей лицензии, указанное ниже уведомление об авторском праве и данные условия должны быть в обязательном порядке включены во все его копии или значимые части.
| Yoomoney
MIT License, Copyright © 2023 LoktionovTEAM