Interaktywna platforma nauczania
## Opis projektu
Interaktywna platforma internetowa do nauki online. Aplikacja dostarcza zorganizowane materiały edukacyjne w formie modułów i lekcji z różnymi typami treści: bloki informacyjne, wideo, interaktywne quizy, pytania otwarte i zadania praktyczne.
Projekt jest częściowo napisany, ważne jest, aby doprowadzić go do stanu MVP w jak najkrótszym czasie (do dwóch tygodni), projekt znajduje się na GitHubie w zamkniętym repozytorium, dostęp udzielę osobie, z którą się dogadamy co do warunków i terminów. Ważne jest zrozumienie działania Supabase i Vercel, znajomość Vue.js będzie atutem.
## Główne funkcjonalności
- **System autoryzacji użytkowników** przez Supabase
- **Treści edukacyjne** w formie modułów i lekcji
- **Elementy interaktywne** do zaangażowania użytkowników w naukę
- **Śledzenie postępów** nauki i system nagród
- **Zapis postępów** w localStorage do kontynuacji nauki
- **Responsywny design** dla różnych urządzeń
## Struktura projektu
```
app/
├── index.html # Strona główna
├── assets/ # Zasoby statyczne
│ ├── css/ # Style
│ │ ├── main.css # Główne style
│ │ ├── components.css # Style komponentów
│ │ └── auth.css # Style dla autoryzacji
│ ├── js/ # Pliki JavaScript
│ │ ├── app.js # Główny skrypt aplikacji
│ │ ├── auth.js # Logika autoryzacji
│ │ ├── lessons.js # Logika lekcji
│ │ └── progress.js # Śledzenie postępów
│ └── img/ # Obrazy
├── components/ # Komponenty HTML
│ ├── header.html # Nagłówek strony
│ ├── auth-modals.html # Modalne okna autoryzacji
│ └── lesson-modal.html # Modalne okno lekcji
└── README.md # Dokumentacja projektu
```
## Technologie
- **Frontend**: HTML5, CSS3, JavaScript (ES6+)
- **Backend**: Supabase do autoryzacji i przechowywania danych
- **Przechowywanie danych**: LocalStorage do zapisywania postępów na urządzeniu użytkownika
- **Modularna architektura** dla zapewnienia skalowalności aplikacji
### Etap 1: Opracowanie podstawowej struktury
- Tworzenie szkieletu HTML
- Konfiguracja stylów CSS z użyciem zmiennych i podejścia modułowego
- Tworzenie komponentów do ponownego użycia
### Etap 2: Realizacja podstawowych funkcji
- Opracowanie modułu autoryzacji przez Supabase
- Tworzenie modułu do zarządzania lekcjami i treściami
- Opracowanie systemu śledzenia postępów
### Etap 3: Integracja i testowanie
- Połączenie wszystkich modułów w jedną aplikację
- Testowanie scenariuszy użytkowników
- Sprawdzenie responsywności dla różnych urządzeń
## Uruchomienie projektu
- Dodanie API do ładowania treści lekcji
- Rozszerzenie typów interaktywnych zadań
- Wdrożenie systemu ocen i informacji zwrotnej
Opis projektu
Aktualny stan projektu
- Podstawowa struktura HTML/CSS/JS
- Okna modalne do autoryzacji i rejestracji użytkowników
- Wstępna integracja z Supabase do autoryzacji i przechowywania danych
- Niektóre podstawowe funkcje interfejsu użytkownika
Stos technologiczny
- Frontend: HTML5, CSS3, JavaScript (vanilla JS, bez frameworków)
- Backend: Supabase (BaaS - Backend as a Service)
- Autoryzacja: Zrealizowana przez Supabase Auth
- Baza danych: PostgreSQL (przez Supabase)
Wymagane umiejętności
- Doświadczenie w pracy z JavaScript (ES6+) bez użycia frameworków
- Znajomość HTML5 i CSS3, doświadczenie w tworzeniu responsywnych interfejsów
- Doświadczenie w pracy z Supabase lub podobnymi platformami BaaS
- Zrozumienie zasad autoryzacji i uwierzytelniania użytkowników
- Znajomość języka rosyjskiego będzie dodatkowym atutem (część kodu zawiera komentarze w języku rosyjskim)
Zakres prac
- Udoskonalenie systemu autoryzacji:
- Zakończenie logiki logowania/rejestracji użytkowników
- Realizacja odzyskiwania hasła
- Dodanie profili użytkowników
- Rozwój modułów edukacyjnych:
- Tworzenie interfejsu do wyświetlania treści edukacyjnych
- Realizacja różnych typów materiałów edukacyjnych (tekst, wideo, testy)
- System śledzenia postępów w nauce
- Rozwój panelu administracyjnego:
- Interfejs do zarządzania użytkownikami
- Narzędzia do tworzenia i edytowania treści edukacyjnych
- Statystyki i analizy dotyczące użytkowników
- Optymalizacja i poprawa UX/UI:
- Przebudowa istniejących elementów interfejsu
- Realizacja responsywnego designu dla urządzeń mobilnych
- Poprawa wydajności aplikacji
Oczekiwane wyniki
- W pełni funkcjonalna platforma edukacyjna
- Czysty, utrzymywany kod z komentarzami
- Dokumentacja dotycząca zrealizowanych funkcji i API
- Responsywne układ dla wszystkich urządzeń
- Przewodnik po wdrażaniu i wsparciu aplikacji
Terminy i komunikacja
- Oczekiwany czas realizacji do stanu MVP: 2 tygodnie
- Regularne cotygodniowe spotkania w celu raportowania postępów
- Komunikacja przez Telegram
- Kontrola wersji przez Git (GitHub/GitLab)
Dodatkowe informacje
- Przewidywanej stawki godzinowej lub stałej ceny za cały projekt
- Przybliżonych terminów realizacji
- Portfolio z podobnymi projektami
- Dostępności do regularnych dyskusji na temat projektu
Описание проекта
Текущее состояние проекта
- Базовая 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)
Дополнительная информация
- Предполагаемую почасовую ставку или фиксированную цену за весь проект
- Примерные сроки выполнения
- Портфолио с похожими проектами
- Доступность для регулярных обсуждений проекта
-
357 Cześć! Mogę to zrobić w Angularze lub React. Możemy omówić wszystkie szczegóły :)
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Wsparcie i rozwój strony internetowej firmy sprzątającej
75 PLN
Szukam programisty / webmastera do długoterminowego wsparcia i rozwoju strony internetowej firmy sprzątającej. Strona: https://donely.ca O projekcie DoneLy Home Services — firma świadcząca usługi sprzątania w Kanadzie, która aktywnie się rozwija i rozszerza zasięg działalności.… Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 11 godzin temu ∙ 59 ofert |
Opracowanie strony internetowej według specyfikacji na FramerTrzeba zrobić stronę według tych parametrów, które są w specyfikacji https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Podajcie rzeczywistą stawkę na podstawie tego projektu Układ HTML i CSS, Javascript & Typescript ∙ 2 dni 12 godzin temu ∙ 27 ofert |
Opracowanie interaktywnej mapy Palworld dla strony internetowejPotrzebna jest interaktywna mapa Palworld na wzór: https://palworld.gg/map Potrzebujemy nie tylko statycznego obrazka, ale pełnoprawnej interaktywnej mapy, na której użytkownik może przeglądać lokalizacje, włączać/wyłączać kategorie obiektów, wyszukiwać potrzebne punkty i… Układ HTML i CSS, Javascript & Typescript ∙ 4 dni 3 godziny temu ∙ 32 oferty |
Rozwój platformy AM Mobility (serwis samochodowy, parking, ubezpieczenie, wynajem samochodów)
21 197 PLN
Szukamy zespołu lub doświadczonego programisty Full Stack do stworzenia MVP platformy AM Mobility. AM Mobility to jednolita cyfrowa ekosystem dla kierowców, łącząca w jednej aplikacji i platformie internetowej: parking; serwis samochodowy; wulkanizację; myjnię samochodową;… Javascript & Typescript, Programowanie stron internetowych ∙ 9 dni 9 godzin temu ∙ 119 ofert |
Animacje Gsap
82 PLN
Dzień dobry. Trzeba wprowadzić poprawki w bieżącym projekcie. Potrzebny specjalista, który dobrze pracuje na gsap/lenis Trzeba zrobić animację kart. Szczegółowe wymagania tutaj:… Javascript & Typescript, Programowanie stron internetowych ∙ 9 dni 15 godzin temu ∙ 21 ofert |