мое React приложение с открытым исходным кодом, реализованное с использованием современных информационных технологий. В данном проекте вы втретите и адаптивную, кроссбраузерную и кроссплатформенную верстку, и создание форм и функциональных элементов приложения, и реализацию анимации и других динамических эффектов, и качественный, логичный, чистый, минимизированный и валидный код, а также интересные и неординарные технические и логические решения.

🧰 Инструменты

| Ключевые инструменты, используемые в данном проекте:

Инструмент	Описание
Figma	онлайн-сервис, для разработки интерфейсов и прототипирования с возможностью организации совместной работы в режиме реального времени.
VScode	легкий, но мощный редактор исходного кода, который работает на вашем рабочем столе и доступен для Windows, macOS и Linux.
SASS	самый зрелый, стабильный, мощный и профессиональный язык CSS расширений в мире.
Node	программная платформа, основанная на движке V8, превращающая JavaScript из узкоспециализированного языка в язык общего назначения.
React	javaScript библиотека, для уверенного создания пользовательских интерфейсов.
Webpack	сборщик статических модулей для современных JavaScript приложений.
Babel	цепочка инструментов, используемая для преобразования кода ECMAScript 2015+ в обратно совместимую версию JavaScript в текущих и более старых браузерах или средах.
Redux Toolkit	redux библиотека, предназначенная для стандартного способа написания логики.
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

🚦 Быстрый старт

1. Клонируйте данный репозиторий, используя следующую команду в терминале: git clone https://github.com/LoktionovTEAM/Organick.git
2. Перейдите в соответствующий каталог с клонированным репозиторием: cd Organick.
3. Запустите yarn или npm install для автоматической установки необходимых пакетов зависимостей.
4. Запустите yarn start или npm start чтобы открыть приложение в браузере по URL адресу: http://localhost:3000
5. Поздравляю, только что вы развернули данное приложение у себя на клиенте. Приятного тестирования!

📸 Скриншоты

Домашняя страница

Страница «О нас»

Страница «Магазин»

Страница «Новости»

Страница «Наши контакты»

Страница «Авторизации»

Корзина

Страница не найдена

Всплывающее окно

🎬 Видео

Organick

👉 Демо: пощупать 👈

🧪 Результаты тестов

💻 Desktop

📳 Mobile

📢 Доподнительная информация

| Вы можете использовать это програмное обеспечение в рамках лицензии MIT, по своему усмотрению, однако, согласно требованиям настоящей лицензии, указанное ниже уведомление об авторском праве и данные условия должны быть в обязательном порядке включены во все его копии или значимые части.

👽 Разработчик

| LoktionovTEAM^®

📮 Обратная связь

💰 Поддержать разработчика

| Yoomoney

🔓 Лицензия

MIT License, Copyright © 2022 LoktionovTEAM