Подключите нашего Telegram-бота для уведомлений о новых проектах
Frontend разработчик
Разместить заказ

i
Заказчик
Отзывы фрилансеров:
+ 0
- 0
Зарегистрирован на сайте 1 месяц
Бюджет:
150 000 руб
1848.72 $ — 1626.49 €
Здравствуйте! Нужен Fronted разработчик для создании образовательной платформы. Работы не слишком много, макеты предоставим только при общении. Также возможно долгосрочное сотрудничество. Вся информации ниже. А дополнительно обговорим уже при общении.
Next js знание обязательно
1. Введение
Проект представляет собой образовательную платформу для изучения истории России с элементами геймификации. Фронтенд должен обеспечивать удобный и интуитивно понятный пользовательский интерфейс, а также взаимодействие с API бэкенда. Не только верстка нужна (а она будет), но и многое другое. Ниже информация:
2. Функциональные требования
2.1. Аутентификация и авторизация
Регистрация пользователей (email, пароль, имя, возраст, роль)
Вход в систему (email, пароль)
Восстановление пароля
Поддержка JWT-токенов для авторизации
2.2. Личный кабинет пользователя
Отображение информации о пользователе (имя, email, уровень, достижения, рейтинг)
История действий пользователя (пройденные тесты, уровни, начисленные очки)
Возможность редактирования профиля (кроме email)
2.3. Образовательные игровые уровни
Отображение доступных уровней и их статуса (пройден/не пройден)
Возможность прохождения уровней с разными заданиями
Подсчет и отображение очков за выполнение заданий
Завершение уровня с итоговым результатом
2.4. Тестирование
Различные виды вопросов (выбор одного/нескольких вариантов, ввод ответа)
Таймер для некоторых заданий
Отображение правильных/неправильных ответов после завершения теста
Запись результатов в базу данных
2.5. Рейтинг и достижения
Таблица лидеров с сортировкой по очкам
Раздел с достижениями (полученные награды)
3. Нефункциональные требования
3.1. Технологический стек
Фреймворк: Next.js
Стилизация: Tailwind CSS
Состояние: Redux Toolkit / Context API
Запросы к API: Axios / Fetch
Маршрутизация: Next.js Routing
3.2. Требования к производительности
Анимации должны быть плавными, без подвисаний (это будет реализовано в будущем, в первой версии анимации не обязательны)
3.3. Кроссплатформенность и адаптивность
Должна быть поддержка десктопов, планшетов и мобильных устройств
Использование адаптивного дизайна (mobile-first)
4. Взаимодействие с API
Получение информации о пользователе: GET /api/user
Обновление данных профиля: PUT /api/user
Получение списка уровней: GET /api/levels
Начало уровня: POST /api/levels/start
Завершение уровня: POST /api/levels/complete
Получение списка тестов: GET /api/tests
Отправка ответов на тест: POST /api/tests/submit
Получение рейтинга: GET /api/ranking
Получение достижений: GET /api/achievements
5. Среда развертывания
VPS (TimeWeb)
6. Требования к коду
Чистая и понятная архитектура
Git-репозиторий с четкими коммит-месседжами
7. Сроки
Разработка MVP: 5-6 недель
Тестирование и исправление багов: 1-2 недели
Доработка и запуск: 1-2 недели
Ожидаемое поведение: Фронтенд должен быть легким, быстрым и удобным для пользователя. Все данные хранятся на сервере, а взаимодействие происходит через API.
Дополнительно: При необходимости обсуждаем дополнительные фичи и изменения в ходе разработки.
Начало работы – 1 июля. Но нужно найти сейчас, чтобы вы написали коммерческое предложение в свободной форме за сколько готовы предоставить услуги
Next js знание обязательно
1. Введение
Проект представляет собой образовательную платформу для изучения истории России с элементами геймификации. Фронтенд должен обеспечивать удобный и интуитивно понятный пользовательский интерфейс, а также взаимодействие с API бэкенда. Не только верстка нужна (а она будет), но и многое другое. Ниже информация:
2. Функциональные требования
2.1. Аутентификация и авторизация
Регистрация пользователей (email, пароль, имя, возраст, роль)
Вход в систему (email, пароль)
Восстановление пароля
Поддержка JWT-токенов для авторизации
2.2. Личный кабинет пользователя
Отображение информации о пользователе (имя, email, уровень, достижения, рейтинг)
История действий пользователя (пройденные тесты, уровни, начисленные очки)
Возможность редактирования профиля (кроме email)
2.3. Образовательные игровые уровни
Отображение доступных уровней и их статуса (пройден/не пройден)
Возможность прохождения уровней с разными заданиями
Подсчет и отображение очков за выполнение заданий
Завершение уровня с итоговым результатом
2.4. Тестирование
Различные виды вопросов (выбор одного/нескольких вариантов, ввод ответа)
Таймер для некоторых заданий
Отображение правильных/неправильных ответов после завершения теста
Запись результатов в базу данных
2.5. Рейтинг и достижения
Таблица лидеров с сортировкой по очкам
Раздел с достижениями (полученные награды)
3. Нефункциональные требования
3.1. Технологический стек
Фреймворк: Next.js
Стилизация: Tailwind CSS
Состояние: Redux Toolkit / Context API
Запросы к API: Axios / Fetch
Маршрутизация: Next.js Routing
3.2. Требования к производительности
Анимации должны быть плавными, без подвисаний (это будет реализовано в будущем, в первой версии анимации не обязательны)
3.3. Кроссплатформенность и адаптивность
Должна быть поддержка десктопов, планшетов и мобильных устройств
Использование адаптивного дизайна (mobile-first)
4. Взаимодействие с API
Получение информации о пользователе: GET /api/user
Обновление данных профиля: PUT /api/user
Получение списка уровней: GET /api/levels
Начало уровня: POST /api/levels/start
Завершение уровня: POST /api/levels/complete
Получение списка тестов: GET /api/tests
Отправка ответов на тест: POST /api/tests/submit
Получение рейтинга: GET /api/ranking
Получение достижений: GET /api/achievements
5. Среда развертывания
VPS (TimeWeb)
6. Требования к коду
Чистая и понятная архитектура
Git-репозиторий с четкими коммит-месседжами
7. Сроки
Разработка MVP: 5-6 недель
Тестирование и исправление багов: 1-2 недели
Доработка и запуск: 1-2 недели
Ожидаемое поведение: Фронтенд должен быть легким, быстрым и удобным для пользователя. Все данные хранятся на сервере, а взаимодействие происходит через API.
Дополнительно: При необходимости обсуждаем дополнительные фичи и изменения в ходе разработки.
Начало работы – 1 июля. Но нужно найти сейчас, чтобы вы написали коммерческое предложение в свободной форме за сколько готовы предоставить услуги
Разделы:
Опубликован:
04.03.2025 | 18:09 [поднят: 04.03.2025 | 18:09] [последние изменения: 06.03.2025 | 18:32]