https://github.com/elrouss/maximum-test-assignment

Тестовое задание на позицию Frontend Developer в автомобильном холдинге "Максимум"
https://github.com/elrouss/maximum-test-assignment

elrouss html5 javascript next-js rest-api scss swiper-js

Last synced: 8 days ago
JSON representation

Тестовое задание на позицию Frontend Developer в автомобильном холдинге "Максимум"

• Host: GitHub
• URL: https://github.com/elrouss/maximum-test-assignment
• Owner: elrouss
• Created: 2023-05-23T21:25:57.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-06-01T06:02:09.000Z (over 1 year ago)
• Last Synced: 2024-12-10T20:38:26.155Z (12 days ago)
• Topics: elrouss, html5, javascript, next-js, rest-api, scss, swiper-js
• Language: JavaScript
• Homepage:
• Size: 3.65 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Тестовое задание: "Maximum"




  

    

  





  

    Оглавление

    


      
Описание проекта

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

      
Установка и запуск приложения в локальном репозитории, эксплуатация

      
Процесс создания

      
Функционал

      
Что можно улучшить

    

  



1. Описание проекта

Тестовое задание на позицию Junior Frontend Developer в автомобильном холдинге «Максимум», представляющее собой двухстраничный сайт с динамическим роутингом. Отзывчиво-адаптивная верстка реализована только для главной страницы (допустимое условие ТЗ)


Ссылки на проект:




Деплой: Ссылка появится позже




Задание и макет: https://www.figma.com/file/QwDYCJPph89m0kji02pICs/%D0%A2%D0%B5%D1%81%D1%82%D0%BE%D0%B2%D0%BE%D0%B5-%D0%B7%D0%B0%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5?type=design&t=s3jWsUcq2FXyGVua-0




(к оглавлению)


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



  

  

  



(к оглавлению)


3. Установка и запуск приложения в локальном репозитории, эксплуатация

1. `git clone https://github.com/elrouss/maximum-test-assignment.git` - клонировать репозиторий на свое устройство (HTTPS)

2. `npm i` - установить зависимости

3. `npm run dev` - запустить приложение (открыть в браузере по адресу `http://localhost:3000/`)


(к оглавлению)


4. Процесс создания

Работа выполнена в 1 этап:




1. Верстка и написание логики


(к оглавлению)


5. Функционал

- Фильтрация данных в галерее карточек по 3 критериям с функцией сброса фильтров

- Открытие страницы с подробными данными карточки

- Слайдер


(к оглавлению)


6. Что можно улучшить

- Оптимизация лишних ререндеров

- Отзывчиво-адаптивная верстка страницы, открывающейся по динамическому роуту

- Оптимизация загрузки изображений в слайдере (с помощью пакета `sharp`?)


(к оглавлению)