Este é um projeto de website engraçado de pedido de namoro, desenvolvido em Next.js. O website exibe um pedido e oferece duas opções de resposta: "Sim" e "Não".
-
Certifique-se de ter o Node.js instalado em seu computador.
-
Faça o clone deste repositório para o seu diretório local:
git clone <url_do_repositorio>
- Acesse o diretório do projeto:
cd <diretorio_do_projeto>
- Instale as dependências do projeto:
npm install
- Inicie o servidor de desenvolvimento:
npm run dev
- Abra o seu navegador e acesse
http://localhost:3000para visualizar o website.
O projeto é estruturado em três arquivos principais:
-
page.tsx: Este arquivo contém a página principal do website, onde é exibida a pergunta do pedido de namoro e as opções de resposta.
-
layout.tsx: Neste arquivo, é definido o layout básico do website, incluindo metadados como título e descrição.
-
Buttons.tsx: Este arquivo contém a implementação dos botões de resposta "Sim" e "Não", bem como as animações, efeitos de confetes e vídeos do YouTube relacionados.
O projeto utiliza as seguintes tecnologias e bibliotecas:
-
Next.js: Um framework de React.js para desenvolvimento de aplicações web do lado do servidor.
-
React: Uma biblioteca JavaScript para a construção de interfaces de usuário.
-
Framer Motion: Uma biblioteca para adicionar animações suaves e interativas aos componentes React.
-
React Confetti e React Confetti Explosion: Bibliotecas para adicionar efeitos de confetes aos componentes React.
-
React Modal: Uma biblioteca para criar modais (janelas de diálogo) de forma simples e flexível.
-
React YouTube: Uma biblioteca para incorporar vídeos do YouTube em componentes React.
Se você quiser contribuir para este projeto, fique à vontade para abrir uma issue ou enviar um pull request.
Este projeto está licenciado sob a licença MIT. Sinta-se livre para utilizar, modificar e distribuir o código conforme necessário.