Switch to English version?

Yes

Переключитись на українську версію?

Так

Переключиться на русскую версию?

Да

Przełączyć się na polską wersję?

Tak

Розмістіть свій проєкт безплатно та почніть отримувати пропозиції від фрилансерів-виконавців уже через хвилини після публікації!

Інтерактивна платформа навчання

Javascript та Typescript, Веб-програмування

3 з 3

закрито без виконання

публікація
приймання ставок
закрито без виконання

Проєкт перекладено автоматично. Увійдіть або зареєструйтесь, щоб побачити оригінал

## Опис проекту

Інтерактивна веб-платформа для онлайн-навчання. Додаток надає структуровані навчальні матеріали у форматі модулів та уроків з різними типами контенту: інформаційні блоки, відеоуроки, інтерактивні квізи, відкриті питання та практичні завдання.
Проект частково написаний, важливо довести його до стану MVP у найкоротші терміни (до двох тижнів), проект знаходиться на гітхаб у закритому репозиторії, доступ надам людині, з якою зійдемося по умовах і термінах. Важливе розуміння роботи supabase та Vercel, знання vue js буде перевагою.

## Основні функціональні можливості

- **Система авторизації користувачів** через Supabase

- **Освітній контент** у вигляді модулів та уроків

- **Інтерактивні елементи** для залучення користувачів до навчання

- **Відстеження прогресу** навчання та система винагород

- **Збереження прогресу** в localStorage для продовження навчання

- **Адаптивний дизайн** для різних пристроїв

## Структура проекту

```

app/

├── index.html # Головна сторінка

├── assets/ # Статичні ресурси

│ ├── css/ # Стилі

│ │ ├── main.css # Основні стилі

│ │ ├── components.css # Стилі компонентів

│ │ └── auth.css # Стилі для аутентифікації

│ ├── js/ # JavaScript файли

│ │ ├── app.js # Основний скрипт додатка

│ │ ├── auth.js # Логіка аутентифікації

│ │ ├── lessons.js # Логіка уроків

│ │ └── progress.js # Відстеження прогресу

│ └── img/ # Зображення

├── components/ # HTML компоненти

│ ├── header.html # Шапка сайту

│ ├── auth-modals.html # Модальні вікна аутентифікації

│ └── lesson-modal.html # Модальне вікно уроку

└── README.md # Документація проекту

```

## Технології

- **Frontend**: HTML5, CSS3, JavaScript (ES6+)

- **Backend**: Supabase для аутентифікації та зберігання даних

- **Зберігання даних**: LocalStorage для збереження прогресу на пристрої користувача

- **Модульна архітектура** для забезпечення масштабованості додатка

### Етап 1: Розробка базової структури

- Створення каркасу HTML

- Налаштування стилів CSS з використанням змінних та модульного підходу

- Створення компонентів для повторного використання

### Етап 2: Реалізація основних функцій

- Розробка модуля авторизації через Supabase

- Створення модуля для управління уроками та контентом

- Розробка системи відстеження прогресу

### Етап 3: Інтеграція та тестування

- Об'єднання всіх модулів в єдине додаток

- Тестування користувацьких сценаріїв

- Перевірка адаптивності для різних пристроїв

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

- Додавання API для завантаження контенту уроків

- Розширення типів інтерактивних завдань

- Реалізація системи оцінок та зворотного зв'язку

Опис проекту

Потрібен розробник для доопрацювання та покращення проекту. Платформа призначена для навчання, з можливістю авторизації користувачів та відстеження прогресу навчання.

Поточний стан проекту

На даний момент у проекті частково реалізовані:

Базова HTML/CSS/JS структура
Модальні вікна для авторизації та реєстрації користувачів
Початкова інтеграція з Supabase для авторизації та зберігання даних
Деякі базові функції користувацького інтерфейсу

Технічний стек

Frontend: HTML5, CSS3, JavaScript (vanilla JS, без фреймворків)
Backend: Supabase (BaaS - Backend as a Service)
Аутентифікація: Реалізована через Supabase Auth
База даних: PostgreSQL (через Supabase)

Потрібні навички

Досвід роботи з JavaScript (ES6+) без використання фреймворків
Знання HTML5 та CSS3, досвід створення адаптивних інтерфейсів
Досвід роботи з Supabase або аналогічними BaaS-платформами
Розуміння принципів аутентифікації та авторизації користувачів
Бажано знання російської мови (частина кодової бази містить коментарі російською)

Обсяг робіт

Доопрацювання системи аутентифікації:

Завершення логіки входу/реєстрації користувачів
Реалізація відновлення пароля
Додавання профілів користувачів

Розробка навчальних модулів:

Створення інтерфейсу для відображення освітнього контенту
Реалізація різних типів навчальних матеріалів (текст, відео, тести)
Система відстеження прогресу навчання

Розробка адміністративної панелі:

Інтерфейс для управління користувачами
Інструменти для створення та редагування навчального контенту
Статистика та аналітика по користувачах

Оптимізація та покращення UX/UI:

Переробка існуючих елементів інтерфейсу
Реалізація адаптивного дизайну для мобільних пристроїв
Покращення продуктивності додатку

Очікувані результати

Повністю функціональна освітня платформа
Чистий, підтримуваний код з коментарями
Документація по реалізованим функціям та API
Адаптивна верстка для всіх пристроїв
Посібник по розгортанню та підтримці додатку

Терміни та комунікація

Очікуваний час розробки до стану MVP: 2 тижні
Регулярні щотижневі дзвінки для звіту про прогрес
Комунікація через телеграм
Контроль версій через Git (GitHub/GitLab)

Додаткова інформація

У проекті використовується Supabase з вказаними обліковими даними, які будуть надані виконавцю. Код містить коментарі російською мовою. Для старту роботи буде надано доступ до існуючої кодової бази та детальне пояснення поточної архітектури.

Перед подачею заявки, будь ласка, вкажіть:

Передбачувану погодинну ставку або фіксовану ціну за весь проект
Приблизні терміни виконання
Портфоліо з подібними проектами
Доступність для регулярних обговорень проекту

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

Требуется разработчик для доработки и улучшения проекта. Платформа предназначена для обучения, с возможностью авторизации пользователей и отслеживания прогресса обучения.

Текущее состояние проекта

На данный момент в проекте частично реализованы:

Базовая HTML/CSS/JS структура
Модальные окна для авторизации и регистрации пользователей
Начальная интеграция с Supabase для авторизации и хранения данных
Некоторые базовые функции пользовательского интерфейса

Технический стек

Frontend: HTML5, CSS3, JavaScript (vanilla JS, без фреймворков)
Backend: Supabase (BaaS - Backend as a Service)
Аутентификация: Реализована через Supabase Auth
База данных: PostgreSQL (через Supabase)

Требуемые навыки

Опыт работы с JavaScript (ES6+) без использования фреймворков
Знание HTML5 и CSS3, опыт создания адаптивных интерфейсов
Опыт работы с Supabase или аналогичными BaaS-платформами
Понимание принципов аутентификации и авторизации пользователей
Желательно знание русского языка (часть кодовой базы содержит комментарии на русском)

Объем работ

Доработка системы аутентификации:

Завершение логики входа/регистрации пользователей
Реализация восстановления пароля
Добавление профилей пользователей

Разработка учебных модулей:

Создание интерфейса для отображения образовательного контента
Реализация различных типов учебных материалов (текст, видео, тесты)
Система отслеживания прогресса обучения

Разработка административной панели:

Интерфейс для управления пользователями
Инструменты для создания и редактирования учебного контента
Статистика и аналитика по пользователям

Оптимизация и улучшение UX/UI:

Переработка существующих элементов интерфейса
Реализация адаптивного дизайна для мобильных устройств
Улучшение производительности приложения

Ожидаемые результаты

Полностью функциональная образовательная платформа
Чистый, поддерживаемый код с комментариями
Документация по реализованным функциям и API
Адаптивная верстка для всех устройств
Руководство по развертыванию и поддержке приложения

Сроки и коммуникация

Ожидаемое время разработки до состояния MVP: 2 недели
Регулярные еженедельные созвоны для отчетности о прогрессе
Коммуникация через телеграм
Контроль версий через Git (GitHub/GitLab)

Дополнительная информация

В проекте используется Supabase с указанными учетными данными, которые будут предоставлены исполнителю. Код содержит комментарии на русском языке. Для старта работы будет предоставлен доступ к существующей кодовой базе и подробное объяснение текущей архитектуры.

Перед подачей заявки, пожалуйста, укажите:

Предполагаемую почасовую ставку или фиксированную цену за весь проект
Примерные сроки выполнения
Портфолио с похожими проектами
Доступность для регулярных обсуждений проекта

Ставки 2

типово дата онлайн рейтинг вартість час виконання

10 000 UAH

Andrii Horobets

10 000 UAH

Привіт! Можу зробити на Ангулярі або Реакті. Можемо обговорити всі деталі :)

Показати оригінал

Перекласти

12 березня 2025, 14:09

1 ставку приховано

Актуальні фриланс-проєкти в категорії Javascript та Typescript

Верстка React/Tailwind компонента для друку бланка А4 Потрібно поправити UI/UX дизайн та геометрію одного React-компонента (шаблон клінічної карти для друку в PDF) Весь функціонал, масиви даних та логіка вже написані й працюють — потрібна суто косметика, правильні відступи та позиціонування елементів за допомогою Tailwind CSS Стек… HTML та CSS верстання, Javascript та Typescript ∙ 5 годин 42 хвилини тому ∙ 43 ставки
Шукаю досвідченого Full Stack розробника для створення SaaS-сервісу для інтернет-магазинів. Ідея сервісу: Клієнт завантажує посилання на свій товарний фід (XML або CSV). Сервіс автоматично отримує товари, бере їхні фотографії та створює нові рекламні зображення за готовими шаблонами: ціна, знижка, логотип, акційні плашки тощо. Також у сервісі має бути простий редактор… Javascript та Typescript, Веб-програмування ∙ 1 день 2 години тому ∙ 74 ставки
Розробка WebGL/Three.js сцени з генерацією та експортом 3D (снапшот) з анімованого шейдера Опис об'єкта:Проект являє собою дизайнерський стіл, виконаний у формі реалістичного, глибокого водовороту (центральна воронка, яка плавно переходить з широкої горизонтальної стільниці в тонку витончену ніжку). Суть задачі:Потрібен WebGL / Creative Coding розробник для створення… Javascript та Typescript, Веб-програмування ∙ 1 день 23 години тому ∙ 29 ставок
Підтримка та розвиток сайту клінінгової компанії 906 UAH Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 4 дні 1 година тому ∙ 63 ставки	906 UAH
Розробка сайту по ТЗ на Framer Потрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 5 днів 2 години тому ∙ 28 ставок

Dmytro K

Київ 2