Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mirror45/cats-cafe
«Магазин фермерских продуктов» - это SPA приложение где можно посмотреть лучших котов, а так же если будет желание удалённо оформить билет на поход в котокафе. Приложение полностью написано на React и styled-components.
https://github.com/mirror45/cats-cafe
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/cats-cafe
- Owner: Mirror45
- Created: 2024-07-14T01:31:36.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-24T12:16:21.000Z (about 2 months ago)
- Last Synced: 2024-10-13T21:43:59.131Z (about 1 month ago)
- Topics: react, react-hooks, react-router-dom, storybook, styled-components, swiper-js
- Language: JavaScript
- Homepage: https://cats-cafe-mirror45.netlify.app/
- Size: 471 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Проект «Котокафе»
## О проекте
«Магазин фермерских продуктов» - крупнейшее котокафе, в котором живёт 50 кошек и котов, и каждый из них ищет новый дом. Животных можно гладить, фотографировать, играть с ними.
- Главная страница с описанием «Котокафе» и представлением лучших котов.
- Страница продажи, на странице имеется галерея «Котокафе» реализованная на библиотеке Swiper. А так же секция с оформлением билета.
- В проекте реализована возможность покупки билета, при оформлении заказа можно указать продолжительность часов, тип билета.
### Типовые задачи, которые пришлось решить во время разработки:
- Проект являеться Single Page Application (SPA).
- Создание React-компонентов на JSX.
- Стилизация компонентов на CSS-in-JS с использованием Styled-components.
- Создание интерактивных компонентов.
- Настройка роутинга для перехода между страницами.
- Сборка Storybook.
## Установка 🛠
1. Сначала требуется склонировать проект на ваш пк
```
git clone [email protected]:Mirror45/cats-cafe.git
```
2. Переходим в только что склонированный репозиторий
```
cd cats-cafe
```
3. Устанавливаем все зависимости
```
npm i
```
4. Запускаем проект на локальном хосте
```
npm start
```