https://github.com/zeizel/hlynov-test

Test work for employment at Bank Khlynov
https://github.com/zeizel/hlynov-test

fsd react tailwind vite

Last synced: 21 days ago
JSON representation

Test work for employment at Bank Khlynov

• Host: GitHub
• URL: https://github.com/zeizel/hlynov-test
• Owner: ZeiZel
• Created: 2023-10-14T11:28:14.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-29T12:16:03.000Z (over 1 year ago)
• Last Synced: 2024-12-04T10:13:22.868Z (3 months ago)
• Topics: fsd, react, tailwind, vite
• Language: TypeScript
• Homepage:
• Size: 604 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Рик и Морти

## О приложении

Приложение писалось в соответствии с архитектурой FSD

Для работы со стейтом использовался Redux

Для отправки запросов использовался RTK Query

Используемое [API](https://rickandmortyapi.com/documentation/#filter-episodes)

Готовый [клиент](https://github.com/afuh/rick-and-morty-api-node) от автора апихи

## Запуск проекта

```bash

cd hlynov-test

npm i

npm run prepare

npm run dev

```

## Задача

Тебе требуется доделать в приложении хотя бы 3 пункта:

- Починить ошибки:

  - [ ] Forbidden при перезагрузке страницы

  - [ ] Исправить полоску внизу модалки, которая появляется при вервом входе в приложение

  - [ ] При переключении с первой страницы на другую, не происходит подгрузка новых персонажей

- Добавить новый функционал:

  - [ ] Добавить лоадер загрузки при подгрузке новых персонажей (сейчас переключаются имена, но нет лоадера для подгрузки новых изображений)

  - [ ] добавить страницу с локациями

    - вывуести все локации

    - реализовать пагинзацию

    - реализовать отдельную страницу локации

  - [ ] добавить страницу с эпизодами

    - реализовать то же самое, что и с локациями

- Починить архитектурные огрехи

  - [ ] Реализовать один entry-point компонент для вывода списка items/char-/locations-/episode- (предлагается виджет)

  - [ ] Так же можно реализовать один entry для вывода description сбоку

> [!note] Дополнения:

> Ты можешь выполнять задачу, как тебе угодно

> Можешь менять все конфиги, добавлять пакеты, модифицировать компоненты

> [!warning] На что мы смотрим:

> -   Количество новых пакетов

> -   Поддержание структуры приложения

> -   Поддежание FSD архитектуры 

> -   Исправление ошибок в организации приложения

> -   Новые классные подходы в реализации фичи