https://github.com/annakharatova/rick-and-morty-universe
Приложение для поиска персонажей из сериала Рик и Морти
https://github.com/annakharatova/rick-and-morty-universe
Last synced: 6 months ago
JSON representation
Приложение для поиска персонажей из сериала Рик и Морти
- Host: GitHub
- URL: https://github.com/annakharatova/rick-and-morty-universe
- Owner: AnnaKharatova
- Created: 2024-10-14T13:10:22.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-16T19:56:42.000Z (about 1 year ago)
- Last Synced: 2025-02-13T09:28:55.809Z (8 months ago)
- Language: TypeScript
- Homepage: https://annakharatova.github.io/rick-and-morty-universe/
- Size: 1.47 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rick and Morty Universe
Деплой: https://annakharatova.github.io/rick-and-morty-universe/
Приложение для поиска персонажей из мульсериала "Рик и Морти". Реализован роутинг для перехода на страницу с подробной информацией о персонаже. Сохраняются значения инпутов при перезагрузке страницы
Реализованы fetch запросы к публичному api: https://rickandmortyapi.com/
### Функционал
Реализованы fetch запросы к публичному api: https://rickandmortyapi.com/
При помощи инпута "Имя Персонажа" создается запрос с данными инпута и отображается ответ.
Реализованы два чекбокса для сортировки по статус и расе.
Поиск по Эпизодам производится в массиве выведенном в результате предыдущей фильтрации. Поиск производится по словам и буквам, содержащимся в названии эпизодов
## Как клонировать и запустить проект
```bash
# Клонировать репозиторий
git clone https://github.com/AnnaKharatova/rick-and-morty-universe
# Установить зависимости
npm install
# Запустить проект в режиме разработки
npm run dev
# Запустить сборку проекта
npm run build
```
Откройте браузер и перейдите по адресу (по умолчанию: `http://localhost:5173`), чтобы начать работу с платформой. 🚀
## Стек Технологий
**React:** Основной фреймворк для создания интерфейса. React обеспечивает высокую производительность и модульность, что делает его идеальным выбором для ваших творческих проектов.
**React Router:** Маршрутизация на основе компонентов для удобной навигации в приложении и поддержки множества страниц. 🛤️
**TypeScript:** Статически типизированный язык программирования, который обеспечивает надежность и удобство разработки, предотвращая ошибки на этапе компиляции. ✨
**Vite:** Современный инструмент разработки для быстрой сборки проекта 🛠️
**Tailwind:** CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения🎨