💌 Convite de Casamento Mobile 💌

Este projeto é um convite de casamento para dispositivos móveis.

Foi desenvolvido com React e TypeScript, utilizando Vite para proporcionar um ambiente de desenvolvimento rápido e simples.

Foram aplicados eslint e prettier, e o estilo foi implementado usando emotion/styled.

Para a galeria foi usado react-photoswipe-gallery e para o mapa, react-naver-maps.

Adicionamos uma funcionalidade divertida de confete usando js-confetti.

Como instalar e executar o projeto

1. Clone o repositório.

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

2. Acesse a pasta do projeto.

cd mobile-wedding-invitation

3. Instale as dependências necessárias.

npm install

4. (Obrigatório) Renomeie o arquivo .env.sample para .env e preencha o VITE_APP_NAVERMAPS_CLIENT_ID com o client_id obtido no Naver Cloud. O client_id pode ser obtido após registrar um aplicativo no NAVER CLOUD PLATFORM.
5. (Opcional) Se desejar usar os recursos de likes e livro de visitas, é necessária a configuração do Firebase. Configure o Firebase SDK no arquivo src/firebase.ts. Consulte a documentação do Firebase para configurar o SDK.
6. Modifique os arquivos que precisam de personalização. (Consulte a lista de verificação abaixo)
7. Execute o aplicativo.

npm run dev

Lista de verificação para personalização

• src/data.json Modifique as informações que serão incluídas no convite de casamento.
• index.html Atualize as meta tags para favicon, título e og tags.
• public/thumbnail.jpg Substitua a imagem de miniatura.
• Adicione as fotos para a galeria em assets/images e importe-as em src/layout/Gallery/Images.ts. Ajuste os tamanhos conforme necessário para cada foto.
• .env É necessário inserir VITE_APP_NAVERMAPS_CLIENT_ID=client_id.
• (Opcional) src/firebase.ts Se desejar usar os recursos de "likes" ou livro de visitas, é necessária a configuração do SDK do Firebase.
• (Opcional) src/data.json Ao preencher os dados bancários dos pais, você pode adicionar links do KakaoPay ou Toss usando os campos kakaopayAccount e tossAccount.

Implantação direta após clonar

Referências

• Desenvolvedor: heejin-hwang
• Biblioteca react-photoswipe-gallery: react-photoswipe-gallery
• Documentação oficial do react-naver-maps: react-naver-maps
• NAVER CLOUD PLATFORM: NAVER CLOUD PLATFORM
• Kakao Developers: https://developers.kakao.com/
• Criar conta Toss: https://toss.me/

Este projeto é distribuído sob a licença MIT. Consulte o arquivo LICENSE para obter mais detalhes.

Outro convite de casamento móvel

Se você prefere um design mais refinado, confira o SmallBigWedding para um convite cheio de detalhes encantadores.

Histórico de Estrelas