🔍 Search-Bar 🔍

🔥 Функционал проекта:

• Полноценное фронтенд-приложение на ReactJS.
• Поиск, пагинация
• Взаимодействие со сторонним API.
• Single-Page-Application.
• Типизированный код на TypeScript.
• debounce (оптимизация для поиска пицц).

🛠 Технологии:

• ReactJS 18
• TypeScript
• Redux Toolkit (хранение данных / пицц)
• Axios + Fetch (отправка запроса на бэкенд)
• CSS-Modules / SCSS (стилизация)
• React Pagination (пагинация)
• Lodash.Debounce

Подробнее о технологиях

• TypeScript — необходим для написания более грамотного JavaScript-кода. Благодаря правильному написанию TS-кода, мы автоматически документируем наш код + наше приложение будет содержать меньше багов из-за строгой типизации.
• Redux Toolkit — с помощью данной библиотеки, мы сможем создать глобальное хранилище данных для нашего приложения, тем самым, более удобным способом обмениваться информацией между разными компонентами нашего приложения. Данная библиотека активно внедряется во все крупные и малые react-проекты на 2021-2024 г.
• Axios — нам поможет взаимодействовать с серверной частью. Отправлять данные на сервер или получать их при необходимости из сервера уже в наше фронтенд-приложение.
• Prettier — наш код должен быть не только хорошо написано, но и красиво. С помощью Prettier наш код будет автоматически выровняться внутри нашего редактора кода, тем самым, становиться более читабельным.
• SCSS — это тот же CSS, но с более мощными возможностями, функциями, переменными, циклами и кучей других крутых решений.
• Lodash — набор готовых JS-функций для огромного количества разнообразных задач.

Скрипты для запуска проекта

Для запуска проекта пропишите эти команды:

npm install

npm start