https://github.com/magasov/tsum
tsum clone react | javascript
https://github.com/magasov/tsum
api axios bootstrap emotion javascript mui-material react react-components react-hooks react-redux react-router-dom reactjs rest-api sass scss swiper
Last synced: 3 months ago
JSON representation
tsum clone react | javascript
- Host: GitHub
- URL: https://github.com/magasov/tsum
- Owner: magasov
- Created: 2024-11-19T16:43:41.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-04T16:47:04.000Z (over 1 year ago)
- Last Synced: 2026-04-12T07:46:54.446Z (3 months ago)
- Topics: api, axios, bootstrap, emotion, javascript, mui-material, react, react-components, react-hooks, react-redux, react-router-dom, reactjs, rest-api, sass, scss, swiper
- Language: JavaScript
- Homepage: https://tsum-magasov.vercel.app
- Size: 931 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Клон Tsum
Добро пожаловать в проект Tsum Clone! Это клон популярного магазина Tsum, созданный с использованием React.js. Включает в себя разнообразные товары с плавным UI/UX, позволяя пользователю просматривать, фильтровать и взаимодействовать с товарами в удобном интерфейсе.
## Особенности
- **Отображение товаров:** Товары Tsum отображаются в виде сетки.
- **Адаптивный дизайн:** Сайт адаптируется под различные размеры экрана.
- **Функционал фильтрации:** Фильтрация товаров по категориям.
- **Плавная навигация:** Удобная навигация с простым и чистым интерфейсом.
- **Добавление в корзину:** Пользователи могут добавлять товары в корзину для удобного покупательского опыта.
## 🚀 Используемые технологии:
- React.js 🧩
- React Router 🔀
- React Bootstrap ⚙️
- Bootstrap 🌐
- CSS 🎨
- Sass 💅
- Swiper 🌀
- Axios 🌍
- @mui/material ⚛️
- @mui/icons-material 🔲
- @emotion/react 🎨
- @emotion/styled ✍️
- React Content Loader ⌛
- Web Vitals 📊
- Jest 🧪
- @testing-library/react 🔍
- @testing-library/jest-dom 🔒
- React Scripts ⚡
- React DOM 🖥️
## Как начать
Убедитесь, что у вас установлен `Node.js`. Если нет, скачайте его с [официального сайта](https://nodejs.org/).
### Установка
1. Клонируйте репозиторий:
```bash
git clone https://github.com/magasov/tsum-magasov.git
```
```bash
cd tsum-magasov
```
2. Установите зависимости:
```bash
npm install
```
3. Запуск приложения
```bash
npm run start
```
## Роуты
В приложении используются следующие маршруты:
- **`/`** - Главная страница, компонент.
- **`/man`** - Страница для мужчин, компонент.
- **`/cart`** - Страница корзины, компонент.
- **`/favourites`** - Страница избранного, компонент.
- **`/basket`** - Страница с корзиной, компонент.
- **`/products/:id`** - Страница товара с динамическим идентификатором, компонент.
Каждый маршрут отображает соответствующий компонент в зависимости от пути.