Loading repository data…
kirikov-ra / repository
Тестовое задание Frontend: SPA новостного портала на React + TypeScript с формой обратной связи.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Реализация тестового задания на позицию Frontend-разработчика. Проект представляет собой SPA (Single Page Application) новостного портала с детальной страницей статьи и формой обратной связи.
Live Demo: https://500na700-test-assignment.vercel.app/
Repository: https://github.com/kirikov-ra/500na700-test-assignment.git
Проект выполнен строго в соответствии с поставленной задачей, без избыточного overengineering, с соблюдением современных стандартов разработки.
public/data/news.json через fetch с имитацией задержки сети (setTimeout)console.log при успешной отправкеПроект спроектирован с использованием методологии FSD для обеспечения предсказуемости, масштабируемости и переиспользуемости модулей:
src/
├── app/ # Инициализация приложения (провайдеры, роутер)
├── pages/ # Страницы (NewsListPage, ArticleDetailPage)
├── widgets/ # Самостоятельные блоки (Header, NewsList, FeedbackForm)
├── entities/ # Бизнес-сущности (NewsCard, типы Article, API-моки)
└── shared/ # Переиспользуемый код (UI-kit: Button, Input; utils: validators, глобальные стили)
useState, useEffect) и кастомные хуки. Глобальные стейт-менеджеры не использовались (YAGNI)Для запуска проекта локально потребуется Node.js v18+.
git clone https://github.com/kirikov-ra/500na700-test-assignment.git
npm install
npm run dev
Приложение будет доступно по адресу: http://localhost:5173
Несмотря на то, что тесты не требовались, критически важная бизнес-логика покрыта unit- и интеграционными тестами для демонстрации культуры разработки.
Инструменты: Vitest + React Testing Library
Запуск тестов:
npm run test
Что протестировано:
isValidEmail, нативная маска formatPhoneMask)FeedbackForm:
Ключевые фичи:
Скриншоты интерфейса:
Selected from shared topics, language and repository description—not editorial ratings.
hazar84 /
React + TypeScript приложение для выбора тарифов с таймером скидок. Архитектура FSD, Vite сборка, Tailwind CSS, анимации Framer Motion. Тестовое задание Frontend-разработчик.
52/100 health