💌 Мобильное свадебное приглашение 💌

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

Разработано на основе React и Typescript с использованием Vite для быстрой и удобной среды разработки.

Применены eslint и prettier, а для стилизации использован emotion/styled.

Для галереи использован react-photoswipe-gallery, для карт - react-naver-maps.

Добавлена милая функция конфетти с использованием js-confetti.

Установка и запуск проекта

git clone https://github.com/your-username/mobile-wedding-invitation.git

cd mobile-wedding-invitation

npm install

(Обязательно) Переименуйте файл .env.sample в .env и заполните VITE_APP_NAVERMAPS_CLIENT_ID client_id, полученным из Naver Cloud. client_id можно получить после регистрации приложения на NAVER CLOUD PLATFORM.
(Опционально) Для использования функций лайков и гостевой книги требуется настройка Firebase. Настройте Firebase SDK в файле src/firebase.ts. Инструкции по настройке SDK можно найти в документации Firebase.
Измените файлы, требующие пользовательской настройки (см. чеклист ниже).
Запустите приложение.

npm run dev

src/data.json Измените информацию, которая будет использоваться в приглашении.
index.html Измените мета-теги для фавикона, title и og-тегов.
public/thumbnail.jpg Замените изображение для превью.
Поместите фотографии для галереи в assets/images и импортируйте их в src/layout/Gallery/Images.ts. Здесь же можно настроить размеры изображений.
.env Необходимо указать VITE_APP_NAVERMAPS_CLIENT_ID=client_id.
(Опционально) src/firebase.ts Если вы используете лайки или гостевую книгу, требуется настройка Firebase SDK.
(Опционально) При указании банковских счетов в src/data.json вы можете добавить ссылки на KakaoPay или Toss, используя поля kakaopayAccount и tossAccount.

Этот проект распространяется под лицензией MIT. Подробности см. в файле LICENSE.

Если вам нужен более аккуратный дизайн, вы можете попробовать очаровательное приглашение с множеством деталей от SmallBigWedding.