Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/victoralves08/rd-business-card-generator
Conheça o fantástico (e fictício) Gerador de Cartão de Visita do Resultados Digitais, uma aplicação desenvolvida em Next.js que permite que os usuários criem cartões de visitas digitais de forma rápida e intuitiva.
https://github.com/victoralves08/rd-business-card-generator
nextjs reactjs seo-optimization styled-components
Last synced: 10 days ago
JSON representation
Conheça o fantástico (e fictício) Gerador de Cartão de Visita do Resultados Digitais, uma aplicação desenvolvida em Next.js que permite que os usuários criem cartões de visitas digitais de forma rápida e intuitiva.
- Host: GitHub
- URL: https://github.com/victoralves08/rd-business-card-generator
- Owner: VictorAlves08
- Created: 2024-10-23T02:39:50.000Z (2 months ago)
- Default Branch: master
- Last Pushed: 2024-10-24T15:14:55.000Z (2 months ago)
- Last Synced: 2024-12-15T10:08:17.625Z (10 days ago)
- Topics: nextjs, reactjs, seo-optimization, styled-components
- Language: JavaScript
- Homepage: https://rd-business-card-generator-five.vercel.app
- Size: 472 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Gerador de Cartão de Visita - Resultados Digitais
## 📝 Descrição
Conheça o fantástico (e fictício) **Gerador de Cartão de Visita do Resultados Digitais**, uma aplicação desenvolvida em **Next.js** que permite que os usuários criem cartões de visitas digitais de forma rápida e intuitiva. Com esta aplicação, os usuários preenchem os campos necessários na primeira página e, ao avançar, podem visualizar seu novo cartão de visitas personalizado.
## 🚀 Acesse o Projeto na Vercel
- [Deploy do Projeto](https://rd-business-card-generator-five.vercel.app/)
## 🛠️ Tecnologias Utilizadas
- [Next.js](https://nextjs.org/) - Framework React para aplicações server-side renderizadas
- [React](https://reactjs.org/) - Biblioteca JavaScript para construção de interfaces de usuário
- [Styled-components](https://styled-components.com/) - Framework CSS utilitário
- [Figma](https://www.figma.com/) - Ferramenta de design utilizada para criar o layout
- [Vercel](https://vercel.com/) - Plataforma de hospedagem para deploy contínuo
## ✨ Funcionalidades
- 📱 **Design Responsivo:** Adaptação a diversos tamanhos de tela, garantindo uma ótima experiência em dispositivos móveis e desktops.
- ✅ **Validação de Formulário:** Todos os campos são obrigatórios com validações específicas.
- 🖼️ **Geração de Cartão Personalizado:** Criação de cartão de visitas digital utilizando os dados fornecidos no formulário.
- 📄 **Boas Práticas:** Implementação de SEO, acessibilidade e HTML semântico para melhorar a performance e usabilidade da aplicação.
## 🛠️ Instalação
Siga os passos abaixo para configurar o projeto localmente:
1. **Clone o repositório:**
```bash
git clone https://github.com/VictorAlves08/rd-business-card-generator.git
```
2. **Acesse o diretório do projeto:**
```bash
cd rd-business-card-generator
```
3. **Instale as dependências:**
```bash
npm install
```
4. **Inicie o servidor de desenvolvimento:**
```bash
npm run dev
```
5. **Acesse a aplicação:**
Abra seu navegador e vá para [http://localhost:3000](http://localhost:3000)
## 📬 Contato
Se você tiver dúvidas, sugestões ou quiser entrar em contato, utilize as informações abaixo:
- **Email:** [email protected]
- **LinkedIn:** [Victor Alves de Oliveira](https://www.linkedin.com/in/victor-alves-de-oliveira/)
## 🔗 Links Úteis
- [Design no Figma](https://www.figma.com/design/t9P55vnvEExck62fnIpg9o/Teste-Dev-Mkt?node-id=5-14714&node-type=canvas&t=cSOw6k2ANm2cPf32-0)
- [Documentação do Next.js](https://nextjs.org/docs)
## 📄 Licença
Este projeto está licenciado sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.
---