Meet Project - Dating Platform

Описание

Meet — это веб-платформа для знакомств, которая предоставляет пользователям следующие возможности:

1. Регистрация и авторизация
2. Создание и редактирование профиля
3. Просмотр анкет с функциями лайков и дизлайков
4. Чат для общения пользователей
5. Просмотр списка лайкнувших пользователей с доступом к их анкетам (фото заблюрены без подписки)
6. Оформление подписки для разблокировки дополнительных функций.

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

Проект состоит из следующих страниц и файлов:

Файлы HTML

1. index.html

   • Страница регистрации и авторизации.
   • Включает переключение между формами "Вход" и "Регистрация".

2. create_profile.html

   • Страница создания анкеты.
   • Форма для ввода имени, возраста, пола, интересов и загрузки фото с предпросмотром.

3. main.html

   • Главная страница.
   • Навигация с кнопками: Чат, Просмотр анкет, Лайки и Профиль.

4. chat.html

   • Страница чата.
   • Пользователи могут отправлять и просматривать сообщения.

5. profiles.html

   • Страница просмотра анкет.
   • Реализованы кнопки лайков (👍) и дизлайков (👎) с переключением между анкетами.

6. likes.html

   • Страница с пользователями, которые лайкнули текущего пользователя.
   • Фото заблюрены без подписки, возможность разблокировки с оформлением подписки.

7. profile.html

   • Страница профиля пользователя.
   • Возможность редактирования профиля и оформления подписки.
   • Включает навигацию.

Файлы стилей

• styles.css
  • Общие стили для всех страниц.
  • Содержит базовую разметку, оформление форм, кнопок и карточек.

Скрипты

1. profile.js

   • Логика редактирования профиля и сохранения данных.

2. chat.js

   • Обработчик сообщений для страницы чата.

3. profiles.js

   • Управление анкетами: переключение между ними при лайке/дизлайке.

4. likes.js

   • Управление разблокировкой заблюренных фото через подписку.

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

1. Скачайте файлы проекта или клонируйте репозиторий.
2. Откройте файл index.html в браузере для начала работы.

Технологии

• HTML5
• CSS3
• Vanilla JavaScript

Возможности для улучшений

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

Автор

• Mikhail Kondratev
• Alexander Fadeev
• Nikita Alekin