В данном проекте реализован функционал интернет-магазина, в котором пользователи могут выбирать блюда и добавлять их в корзину. Авторизация/регистрация пользователя осуществляется с помощью логина и пароля, после чего пользователь перенаправляется на главную страницу.

Реализованные задачи:

• Разработала фронтенд-приложение на React.
• Создала компоненты, страницы.
• Разработала навигацию по странице без перезагрузки.
• Создала глобальное хранилище данных для всего приложения.
• Реализовала функционал авторизации/регистрации в приложении.
• Использовала localStorage для хранения настроек сайта.
• Реализовала строго типизированный код на TypeScript.
• Сделала адаптивную вёрстку.

Технологии:

• React
• TypeScript
• Redux Toolkit (хранение данных)
• React Router (навигация)
• React Hooks (хуки)
• Styled-components / CSS (стилизация)

Подготовка

Перед началом работы убедитесь, что на вашем компьютере установлены Node.js и npm.

Клонирование репозитория

1. Склонируйте репозиторий проекта на свой компьютер с помощью следующей команды:

git clone https://julia-popova-s.github.io/online-shop/

2. Перейдите в папку проекта

cd online-shop

Установка зависимостей

3.Установите необходимые зависимости проекта с помощью следующей команды:

npm install

Запуск проект

4. Запустите проект в режиме разработки

npm start

Демо