Skip to content

cherkasovaa/github-search

Repository files navigation

GitHub Search App

Поисковое React-приложение для отображения репозиториев GitHub с возможностью фильтрации, сортировки и просмотра подробной информации.

Стек технологий

  • React с TypeScript
  • Vite — сборщик проекта
  • MUI (Material UI) — компонентная библиотека
  • RTK Query (Redux Toolkit) — для работы с GitHub API
  • Sass + CSS Modules — стилизация компонентов
  • ESLint + Prettier — линтинг и форматирование

Функционал приложения

  • Поиск репозиториев по ключевым словам
  • Сортировка результатов по количеству звёзд, форков и дате обновления
  • Пагинация результатов поиска
  • Просмотр подробной информации о выбранном репозитории

Установка и запуск

Клонирование репозитория

git clone https://github.com/cherkasovaa/github-search.git
cd github-search

Установка зависимостей

npm install

Запуск приложения в dev-режиме

npm run dev

Полезные команды

Команда Описание
npm run build Сборка приложения для продакшена
npm run preview Запуск предварительного просмотра продакшн-сборки
npm run lint Проверка кода с помощью ESLint
npm prepare Инициализация Husky для Git-хуков

Скриншоты приложения

  1. Экран приветствия Welcome Screen

  2. Результаты поиска Search Results

  3. Детальная информация Details View