Fruit Tree Map — интерактивное приложение, позволяющее отмечать на карте фруктовые деревья, делиться находками и находить сезонные плоды вокруг себя.
Проект создан для тех, кто хочет открыть свой город с новой стороны.
- Добавление точек: Любой авторизованный пользователь может отметить дерево на карте, указав его тип и координаты.
- Интерактивность: Удобный просмотр карты, кластеризация точек и поиск по геолокации.
- Карточки объектов: Просмотр подробной информации о дереве (фото, описание, сезонность) и профиля автора, добавившего точку.
- Личный профиль: Возможность редактировать свои данные и отслеживать вклад в развитие карты.
- Верификация данных: Чтобы карта оставалась чистой, новые точки проходят премодерацию.
- Админ-панель: Специальный интерфейс для администраторов с возможностью подтверждать (Approve) или отклонять (Reject) заявки на добавление деревьев.
- Фреймворк: Next.js (App Router)
- Язык: TypeScript, JavaScript
- Стили: Tailwind CSS, Radix UI
- Карты: Google Maps
- Auth & DB: Авторизация по Magic Link, Postgresql, Prisma
- Отправка Email: React Resend
Чтобы запустить проект локально, выполните следующие команды:
- Клонируйте репозиторий
- Установите зависимости:
npm i - Запустите проект:
npm run dev
Мы рады любым идеям! Если у вас есть предложения по улучшению интерфейса или функционала:
- Создайте Issue с описанием идеи.
- Или сделайте Fork репозитория и создайте Pull Request.