AisDrop — это полнофункциональная платформа для размещения онлайн-объявлений, вдохновлённая OLX.
Проект сделан с нуля для практики fullstack-разработки и создания MVP продукта с современным стеком технологий.
- Публикация объявлений с указанием названия, цены, описания, фото, категории и геопозиции
- Редактирование и удаление собственных объявлений
- Регистрация, авторизация и управление профилем пользователя
- Счётчик просмотров объявлений
- Добавление объявлений в избранное
- Реалтайм чат на WebSocket между покупателем и продавцом
- Мгновенные уведомления о новых сообщениях
- Отображение объявлений на карте с помощью геолокации
- Админ-панель для модерации, управления жалобами и статистикой
- Система жалоб и фильтрация нежелательных пользователей
- Полная адаптивность для мобильных устройств
| Компонент | Технология |
|---|---|
| Backend | PHP (Laravel Framework) |
| Frontend | React, JavaScript, TailwindCSS |
| База данных | MySQL |
| Реалтайм | WebSockets (Laravel Reverb) |
| Вёрстка | HTML, CSS, TailwindCSS |
| Другие инструменты | Composer, Docker (при деплое) |
-
Клонируйте репозиторий:
git clone https://github.com/AiserKz/AisDrop.git
-
Установите зависимости:
composer install npm install npm run dev
-
Настройте файл .env (создайте копию .env.example):
DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=aisdrop DB_USERNAME=root DB_PASSWORD=
-
Выполните миграции и сиды базы данных:
php artisan migrate --seed
-
Запустите сервер Laravel, reverb(webSocket), Worker:
php artisan serve php artisan reverb:start php artisan queue:work npm run dev # опционально
Демонстрация
- Реализация WebSocket на Laravel Reverb для поддержки реального времени
- Адаптивный дизайн с использованием TailwindCSS
- Продуманная система репортов и модерации для обеспечения безопасности и удобства пользователей
- Отзывы пользователей и жалобы могут быть отправлены администратору, чтобы улучшить качество сервиса
- Репорты пользователей могут быть отправлены администратору или модератору, чтобы проверить или пользователя или объявление
- Добавить расширенный поиск с фильтрами по различным параметрам
- Реализовать push-уведомления для мобильных устройств
- Оптимизировать нагрузку на WebSocket-сервер
- Внедрить систему рейтингов и отзывов для пользователей и объявлений
- Улучшить UI/UX на основе обратной связи
Если хотите связаться — пишите: Telegram













