Interactive learning platform
## Project Description
An interactive web platform for online learning. The application provides structured educational materials in the form of modules and lessons with various types of content: informational blocks, video lessons, interactive quizzes, open questions, and practical assignments.
The project is partially written, and it is important to bring it to an MVP state in the shortest possible time (within two weeks). The project is on GitHub in a private repository, access will be provided to the person with whom we agree on terms and deadlines. Understanding of Supabase and Vercel is important, knowledge of Vue.js will be an advantage.
## Key Functional Features
- **User authentication system** via Supabase
- **Educational content** in the form of modules and lessons
- **Interactive elements** to engage users in learning
- **Progress tracking** of learning and a rewards system
- **Progress saving** in localStorage for continuing learning
- **Responsive design** for various devices
## Project Structure
```
app/
├── index.html # Main page
├── assets/ # Static resources
│ ├── css/ # Styles
│ │ ├── main.css # Main styles
│ │ ├── components.css # Component styles
│ │ └── auth.css # Styles for authentication
│ ├── js/ # JavaScript files
│ │ ├── app.js # Main application script
│ │ ├── auth.js # Authentication logic
│ │ ├── lessons.js # Lessons logic
│ │ └── progress.js # Progress tracking
│ └── img/ # Images
├── components/ # HTML components
│ ├── header.html # Site header
│ ├── auth-modals.html # Authentication modals
│ └── lesson-modal.html # Lesson modal
└── README.md # Project documentation
```
## Technologies
- **Frontend**: HTML5, CSS3, JavaScript (ES6+)
- **Backend**: Supabase for authentication and data storage
- **Data storage**: LocalStorage for saving progress on the user's device
- **Modular architecture** for ensuring the scalability of the application
### Stage 1: Development of the basic structure
- Creating the HTML framework
- Setting up CSS styles using variables and a modular approach
- Creating components for reuse
### Stage 2: Implementation of core functions
- Developing the authentication module via Supabase
- Creating a module for managing lessons and content
- Developing a progress tracking system
### Stage 3: Integration and testing
- Combining all modules into a single application
- Testing user scenarios
- Checking responsiveness for various devices
## Project Launch
- Adding API for loading lesson content
- Expanding types of interactive assignments
- Implementing a grading and feedback system
Project Description
Current State of the Project
- Basic HTML/CSS/JS structure
- Modal windows for user authentication and registration
- Initial integration with Supabase for authentication and data storage
- Some basic user interface functions
Technical Stack
- Frontend: HTML5, CSS3, JavaScript (vanilla JS, without frameworks)
- Backend: Supabase (BaaS - Backend as a Service)
- Authentication: Implemented via Supabase Auth
- Database: PostgreSQL (via Supabase)
Required Skills
- Experience with JavaScript (ES6+) without using frameworks
- Knowledge of HTML5 and CSS3, experience in creating responsive interfaces
- Experience with Supabase or similar BaaS platforms
- Understanding of user authentication and authorization principles
- Knowledge of the Russian language is preferred (part of the codebase contains comments in Russian)
Scope of Work
- Refinement of the authentication system:
- Completion of user login/registration logic
- Implementation of password recovery
- Addition of user profiles
- Development of educational modules:
- Creation of an interface for displaying educational content
- Implementation of various types of educational materials (text, video, tests)
- Progress tracking system
- Development of an administrative panel:
- Interface for managing users
- Tools for creating and editing educational content
- Statistics and analytics on users
- Optimization and improvement of UX/UI:
- Redesign of existing interface elements
- Implementation of responsive design for mobile devices
- Improvement of application performance
Expected Results
- Fully functional educational platform
- Clean, maintainable code with comments
- Documentation for implemented features and API
- Responsive layout for all devices
- Deployment and support guide for the application
Deadlines and Communication
- Expected development time to MVP: 2 weeks
- Regular weekly calls for progress reporting
- Communication via Telegram
- Version control via Git (GitHub/GitLab)
Additional Information
- Proposed hourly rate or fixed price for the entire project
- Estimated completion time
- Portfolio with similar projects
- Availability for regular project discussions
Описание проекта
Текущее состояние проекта
- Базовая 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 Hello! I can do it in Angular or React. We can discuss all the details :)
Current freelance projects in the category Javascript and Typescript
Layout of a React/Tailwind component for printing an A4 formNeed to fix the UI/UX design and geometry of one React component (template for a clinical chart for printing in PDF) All functionality, data arrays, and logic are already written and working — only cosmetic changes are needed, correct margins and positioning of elements using… HTML & CSS, Javascript and Typescript ∙ 1 hour 11 minutes back ∙ 11 proposals |
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 22 hours 22 minutes back ∙ 69 proposals |
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 1 day 18 hours back ∙ 27 proposals |
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 3 days 20 hours back ∙ 63 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 4 days 21 hours back ∙ 27 proposals |