https://github.com/mirror45/farm-products

«Магазин фермерских продуктов» - это SPA приложение для покупки товаров. Приложение полностью написано на React и styled-components.
https://github.com/mirror45/farm-products

react react-hooks react-router-dom storybook styled-components swiper-js

Last synced: about 1 month ago
JSON representation

«Магазин фермерских продуктов» - это SPA приложение для покупки товаров. Приложение полностью написано на React и styled-components.

• Host: GitHub
• URL: https://github.com/mirror45/farm-products
• Owner: Mirror45
• Created: 2024-08-02T08:23:42.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-09-21T12:48:55.000Z (about 2 months ago)
• Last Synced: 2024-10-13T21:43:56.645Z (about 1 month ago)
• Topics: react, react-hooks, react-router-dom, storybook, styled-components, swiper-js
• Language: JavaScript
• Homepage: https://farm-products-mirror45.netlify.app/
• Size: 487 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Проект «Фермерские продукты»

## О проекте

«Магазин фермерских продуктов» - это SPA приложение для покупки продуктов.

- Главная страница с описанием преимуществ «Фермерских продуктов»

- Страница каталога с возможностью выбора всех возможных фильтров

- В проекте реализована возможность оформить заказ и указать адрес доставки

### Типовые задачи, которые пришлось решить во время разработки:

- Проект являеться Single Page Application (SPA).

- Создание React-компонентов  на JSX.

- Стилизация компонентов на CSS-in-JS с использованием Styled-components.

- Создание интерактивных компонентов.

- Настройка роутинга для перехода между страницами.

- Сборка Storybook.

## Установка 🛠

1. Сначала требуется склонировать проект на ваш пк

```

  git clone [email protected]:Mirror45/farm-products.git

```

2. Переходим в только что склонированный репозиторий

```

 cd farm-products

```

3. Устанавливаем все зависимости

```

 npm i

```

4. Запускаем проект на локальном хосте

```

 npm start

```