Skip to content

README.ru.md

Latest commit

 

History

History
91 lines (72 loc) · 5 KB

README.ru.md

File metadata and controls

91 lines (72 loc) · 5 KB
Raw

Аниме Портал

Современное веб-приложение для изучения аниме и манги, созданное с использованием React, TypeScript и Vite.

Возможности

  • Каталог аниме: Просматривайте обширную коллекцию аниме-тайтлов
  • Каталог манги: Исследуйте мангу с возможностью фильтрации и поиска
  • Подробная информация: Просматривайте детальную информацию об аниме и манге
  • Информация о персонажах: Изучайте персонажей из ваших любимых аниме
  • Информация о создателях: Узнайте о людях, стоящих за созданием аниме
  • Обзоры: Читайте и просматривайте пользовательские рецензии
  • Функция поиска: Находите конкретные аниме или мангу
  • Система избранного: Сохраняйте любимые аниме и мангу для быстрого доступа
  • Случайное аниме: Открывайте для себя новые аниме с помощью функции случайного выбора
  • Адаптивный дизайн: Наслаждайтесь удобным интерфейсом на любом устройстве
  • Темная/светлая тема: Выбирайте предпочитаемую визуальную тему
  • Многоязычная поддержка: Переключайтесь между русским и английским языками
  • Сворачиваемые секции: Разворачивайте или сворачивайте разделы с персонажами, персоналом и обзорами для удобной навигации
  • Обработка ошибок: Надежная система предотвращения сбоев приложения
  • Улучшенный интерфейс: Улучшенное визуальное представление с иконками и оптимизированными отступами

Начало работы

Требования

  • Node.js (версия 14.0.0 или выше)
  • npm или yarn

Установка

  1. Клонируйте репозиторий:

    git clone https://github.com/dev-leva1/animeportal.git
cd animeportal

  2. Установите зависимости:

    npm install
# или
yarn install

  3. Запустите сервер разработки:

    npm run dev
# или
yarn dev

  4. Откройте браузер и перейдите по адресу http://localhost:5173

Структура проекта

animeportal/
├── src/
│   ├── assets/         # Статические ресурсы (изображения, иконки)
│   ├── components/     # Многоразовые UI компоненты
│   ├── context/        # React контекст-провайдеры
│   ├── pages/          # Страницы приложения
│   ├── services/       # API сервисы
│   ├── types/          # TypeScript определения типов
│   ├── App.tsx         # Главный компонент приложения
│   ├── main.tsx        # Точка входа в приложение
│   └── translations.ts # Языковые переводы
├── public/             # Публичные ресурсы
├── index.html          # HTML точка входа
├── package.json        # Зависимости и скрипты проекта
├── tsconfig.json       # Конфигурация TypeScript
└── vite.config.ts      # Конфигурация Vite

Используемые технологии

  • React: Библиотека для создания пользовательских интерфейсов
  • TypeScript: Типизированный JavaScript
  • Vite: Инструмент сборки и сервер разработки
  • Emotion: CSS-in-JS стилизация
  • React Router: Клиентская маршрутизация
  • Jikan API: Источник данных об аниме и манге

Лицензия

Этот проект лицензирован под лицензией MIT - подробности см. в файле LICENSE.

Благодарности

  • Jikan API за предоставление данных об аниме и манге
  • MyAnimeList как оригинальный источник данных