Места: Appwrite и Maps


Обзор моей заявки

Places — это приложение, которое позволяет пользователям отмечать местоположение на карте и комментировать и/или загружать фотографии этого места.

Приложение представляет собой отзывчивое веб-приложение, чтобы обеспечить легкий доступ без необходимости загружать другое приложение. В передней части используются React, MUI, React Leaflet и Redux Toolkit.

Идея приложения возникла у меня после использования Plug Share, и я подумал, что было бы полезно иметь подобное приложение для предоставления информации о том, где находятся диспенсеры для пакетов для собачьих отходов и есть ли они в наличии или нет. Кроме того, для меня это был хороший способ поиграть с картами, так как на сервере Appwrite Discord люди спрашивали о том, как работать с данными о местоположении в Appwrite. Однако, начав создавать приложение, я понял, что мне не нужно сужать сферу использования только до диспенсеров для собачьих отходов; это приложение может стать отправной точкой для любого приложения, основанного на определении местоположения!

Категория представления:

Web2 Wizards

Ссылка на код

stnguyen90 / места

Места

Места

Это приложение позволяет пользователям добавлять комментарии и фотографии к местам на карте.

Начало работы

Appwrite

В следующих шагах для настройки Appwrite используется Appwrite CLI.

  1. Создайте проект с помощью консоли администратора Appwrite Admin Console
    • ID: places
    • Имя: Places
  2. Скопируйте appwrite.json.default в appwrite.json.
  3. Разверните коллекции
    1. echo a | appwrite deploy collection
  4. Создайте ключ API
    1. appwrite projects createKey --projectId places --name "Places Functions" --scopes documents.read documents.write files.read files.write
    2. Обратите внимание на secret.
  5. Разверните функции
    1. Обновите переменные в appwrite.json
    2. Скомпилируйте каждую из функций в папке appwrite-functions.
      1. Перейдите в папку с функциями
      2. Запустите npm i && npm run build
    3. Вернитесь в папку с appwrite.json и разверните все функции.
      1. echo a | appwrite deploy function
  6. Создайте ведра для хранения данных
Посмотреть на GitHub

Дополнительные ресурсы / информация

Живую демонстрацию можно посмотреть здесь.

Технические подробности приложения можно найти здесь.

Оцените статью
Procodings.ru
Добавить комментарий