https://github.com/oleg-kuzmin/next-food-delivery

Learning project: food-delivery (REACT-application, adaptive rubber layout
https://github.com/oleg-kuzmin/next-food-delivery

api next react scss-modules

Last synced: 1 day ago
JSON representation

Learning project: food-delivery (REACT-application, adaptive rubber layout

• Host: GitHub
• URL: https://github.com/oleg-kuzmin/next-food-delivery
• Owner: oleg-kuzmin
• Created: 2023-12-02T10:20:55.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-17T08:47:12.000Z (about 1 year ago)
• Last Synced: 2023-12-17T13:10:04.441Z (about 1 year ago)
• Topics: api, next, react, scss-modules
• Language: JavaScript
• Homepage: https://next-food-delivery-indol.vercel.app
• Size: 5.65 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Next Food Delivery (Интернет-магазин)

E-commerce сайт на Next.js и React для desktop и mobile - сервис доставки еды (5 страниц: главная, корзина, форма, условия доставки, акции). Стороннее api для поиска адреса.

## Функционал

- Поиск адреса.

- Добавление товаров в корзину.

- Изменение/удаление товаров.

- Отображение общего количества товаров.

- Заполнение формы заказа.

- Подсчет минимальной стоимости.

- Подсчет стоимости доставки.

- Подсчет общей стоимости.

- Сохранение данных через Redux.

- Модальные окна (пустая корзина, условия на странице формы).

- Кастомная валидация формы.

- Аккордеон на странице условия доставки.

## Технологии

- Проект полностью на React.

- Сохранение состояния через Redux Toolkit.

- Адаптивная верстка Perfect Pixel по макету Figma от 320px.

- Препроцессор Sass.

- Используется Flex, Grid.

- Подключение стилей через css.module для React.

- Аккордеон на чистом CSS.

- Cовременный роутинг от Next (App Router).

- Сторонняя Api для поиска адреса доставки.

- Библиотека Swiper с настройками под разные устройства.

- Библиотека React Transition Group для плавности.

## Ссылки

- [Vercel Pages](https://next-food-delivery-indol.vercel.app/)

- [Figma](https://www.figma.com/file/uJfRGsxBCu3iD9zMRsyiRT/%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD---%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0-%D0%B5%D0%B4%D1%8B?type=design&node-id=0-1&mode=design&t=WZ5zPN0WWzg9j9jc-0)