Задание по разработке приложения на React для Frontend-стажировки

Написать полноценное SPA (single page application) приложение (например блог, интернет магазин, админ панель, сайт визитка или любое другое веб-приложение), которое должно удовлетворять следующим условиям:

  • Стек React (или NextJS)
  • Функциональные компоненты, React-hooks
  • Модульные стили или styled-components
  • Роутинг React-router-dom или NextJS
  • Redux/ReduxToolKit. Асинхронные экшены Redux-thunk или Redux-saga
  • Работа с API с помощью клиента Axios (можно использовать любое открытое API, либо свой вариант)
  • Адаптивность - приложение должно корректно выглядеть на всех типах устройств (mobile, tablet, desktop, retina)
  • Деплой приложения (gh-pages, vercel, heroku.com, fly.io).


Дизайн, верстка и функциональная часть оставляем на ваш выбор.

Задание по разработке приложения на Vue3

Написать полноценное SPA (single page application) приложение (например блог, интернет магазин, админ панель, сайт визитка или любое другое веб-приложение), которое должно удовлетворять следующим условиям:


  • Стек Vue3 (или Nuxt3)
  • Сборщик Webpack или Vite
  • Typescript - по желанию (будет являться преимуществом)
  • Options API или Composition API
  • Scoped-стили или модульные стили, использование препроцессора SCSS/SASS/LESS (использование препроцессора по желанию, будет являться преимуществом)
  • Роутинг Vue Router или Nuxt3
  • Стейт-менеджеры Vuex или Pinia
  • Работа с API с помощью клиента Axios (можно использовать любое открытое API, либо свой вариант), useQuery (TanStack Query), OFetch (для Nuxt3)
  • Адаптивность - приложение должно корректно выглядеть на всех типах устройств (mobile, tablet, desktop, retina)
  • Деплой приложения (gh-pages, vercel, heroku.com, fly.io)


Дизайн, верстка и функциональная часть оставляем на ваш выбор.

Примеры тем для приложений на React или Vue


  • Прогноз погоды
  • Калькулятор ипотеки
  • Курсы валют
  • Википедия по любимому сериалу (спорту, видеоиграм и т.д.)
  • Поиск фильмов
  • Админка для любого приложения
  • своя тема

Отбор планируется серьезный

На прошлую стажировку мы собрали более 1700 заявок по 10 направлениям. В состав финальных групп вошли студенты с отличными оценками.

 

Новичкам в направлении Frontend-разработки без минимального опыта разработки на React или Vue рекомендуется пройти курс Веб-разработки, после которого можно смело отправляться на стажировку!

Полезные материалы по разработке на React


Дополнительные ссылки

Полезные материалы по разработке на Vue3

https://v3.ru.vuejs.org/ - дока по Vue3
https://router.vuejs.org/ - дока по Vue Router
https://tanstack.com/query/latest/docs/vue/guides/queries - дока по useQuery
https://pinia.vuejs.org/ - дока по Pinia
https://vuex.vuejs.org/ - дока по Vuex
https://nuxt.com/ - дока по Nuxt3

https://www.youtube.com/watch?v=8OHe6chCWTE&ab_channel=UlbiTV - деплой https://youtu.be/GNuPi_7df4k - деплой на gh-pages https://youtu.be/TLNJnxDdnhs - деплой на gh-pages

Сдача задания

Кандидат должен прислать ссылку на git-репозиторий с выполненным заданием и ссылку на задеплоенное приложение на email: lad-academy@lad24.ru

В репозитории должен быть файл с кратким описанием реализованного функционала.

Тема письма обязательно должна быть составлена по шаблону: Frontend__React(Vue)__ФИО.

Тест

Тест по своему направлению смотрите здесь. За него будут начислены дополнительные баллы.