Быстрая настройка
Это руководство научит вас, как создать социальное приложение, в котором пользователи могут создавать on-chain бейджи, которые могут быть привязаны к мероприятиям. Как только пользователи настроят свои профили, они смогут создавать бейджи для мероприятия, а участники смогут собирать их, посещая это мероприятие.
Это базовый пример преследует единственную цель - рассмотреть основные функции и подчеркнуть, насколько легко их реализовать. Позже вы сможете экстраполировать их и проявить творческий подход к своему проекту, чтобы создать различные варианты использования, которые действительно выделят ваше приложение.
Содержание
Руководство по созданию приложения для бейджей включает следующие разделы:
Требования
Приложение, которое вы собираетесь создать, использует Next.js. Убедитесь, что вы установили Node.js на вашем компьютере и расширение MetaMask в вашем браузере Chrome.
Установка
Клонируйте репозиторий https://github.com/cyberconnecthq/cc-badge-app.git и запустите следующую команду в вашем терминале, чтобы установить все пакеты, необходимые для запуска сервера разработки: npm install
или yarn install
.
Локальная разработка
Чтобы запустить локальный сервер разработки, выполните команду npm run dev
или yarn dev
и откройте в окне браузера http://localhost:3000. Большинство изменений отражаются в реальном времени без необходимости перезагрузки сервера.
Live демонстрация
Это ссылка на действующую версию приложения, которое вы собираетесь создать: https://cc-badge-app.vercel.app/
Давайте начнем с создания приложения, в котором пользователи могут выдавать и собирать бейджи!