- это проект, разрабатываемый для изучения и практики различных технологий и инструментов веб-разработки. Проект представляет собой интерактивный сайт для заказа пиццы. 😋
https://kampel2012.github.io/slice-and-dice/ ссылка GitHub Pages
- HTML - основной язык разметки для создания структуры веб-страницы. 🌐
- CSS - язык стилей для оформления внешнего вида сайта. 💅
- TypeScript, JS - язык программирования для добавления интерактивности и функциональности на сайте. 🔥
- TailwindCSS - CSS-фреймворк, позволяющий удобно и быстро создавать стилизованные компоненты. 🎨
- ReactJS - JavaScript-библиотека для разработки пользовательских интерфейсов (UI) на основе компонентов. ⚛️
- Axios - библиотека для выполнения HTTP-запросов. 🌐
- React Content Loader - библиотека, предоставляющая скелетные анимации загрузки данных. ⌛️
- MockApi - сервис для создания и эмуляции "мокового" бэкенда. 🧪
- qs - библиотека для создания ссылок из параметров запроса. 🔗
- Redux (RTK) - библиотека для управления состоянием приложения. 🔄
- useContext - API React для передачи данных между компонентами. 🔄
- debounce - функция, позволяющая отодвигать выполнение операций на определенное время, после возникновения события. ⏳
- Запросы к "моковому" API для получения данных о продукции и категориях. 📤
- Фильтрация продукции по категориям, названию, цене. 🔍
- Поиск продукции по ключевому слову. 🔎
- Сортировка продукции по категориям, рейтингу, цене, названиям. 🔢
- Возможность добавить, удалить и изменить количество продукта в корзине, а также синхронизация этих действий с хранилищем данных. 🧺
В целом, проект "Slice and Dice" нацелен на изучение и разработку веб-приложения, которое предоставляет пользователям удобный и функциональный интерфейс для заказа пиццы. Он объединяет различные технологии и инструменты, которые позволяют создать современное и производительное приложение для заказа пиццы. 🚀🍕😊
- Клонируйте репозиторий с помощью команды
git clone https://github.com/Kampel2012/slice-and-dice.git - Перейдите в директорию проекта через команду
cd slice-and-dice - Установите зависимости с помощью команды
npm install - Запустите проект с помощью команды
npm start
Вы можете внести свой вклад в развитие проекта. Для этого:
- Форкните репозиторий
- Создайте ветку для ваших изменений (
git checkout -b feature/your-feature) - Внесите необходимые изменения
- Закоммитьте и запушьте изменения в свой репозиторий
- Откройте Pull Request в исходный репозиторий