https://github.com/wiriswernek/digital-business-card-frontend
Um cartão de visitas totalmente digital
https://github.com/wiriswernek/digital-business-card-frontend
angular bootstrap5 gmail-smtp nodemailer pwa-app typescript
Last synced: 3 months ago
JSON representation
Um cartão de visitas totalmente digital
- Host: GitHub
- URL: https://github.com/wiriswernek/digital-business-card-frontend
- Owner: WirisWernek
- Created: 2023-09-11T00:30:11.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-04T02:17:56.000Z (about 1 year ago)
- Last Synced: 2025-07-05T05:39:41.412Z (3 months ago)
- Topics: angular, bootstrap5, gmail-smtp, nodemailer, pwa-app, typescript
- Language: TypeScript
- Homepage: https://dbc-wiriswernek.vercel.app
- Size: 4.29 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Digital Visit Card
## 🔥 Sobre
A ideia do projeto é ser uma pagina simples e de fácil navegação que possa ser acessada principalmente por smartphones, e que traga as principais informações de uma pessoa, sendo elas desde de dados de contato, currículo ou redes sociais.
Atualmente o projeto se encontra publicado na [Vercel](https://dbc-wiriswernek.vercel.app), e usa como base o Angular com Typescript e Bootstrap 5.
## 🔨 Como executar esta aplicação?
### Padrão
Para rodar a aplicação voce deve:
- Primeiro clonar este repositório
- Navegar para a pasta `digital-business-card`
- Executar o comando `npm i` para instalar as dependências do projeto
- Executar o comando `ng s` ou `ng serve` para rodar a aplicação
- Abrir em seu navegador de preferência a URL `http://localhost:4200/` para acessar a aplicação
- Se desejar pode executar diretamente `ng s -o` ou `ng serve --open` para executar a aplicação e abrir automaticamente o navegador já na pagina da aplicação
### Docker
Basta clonar o repositório entrar no mesmo e executar o comando `docker-compose up` ele vai automaticamente buildar a imagem e iniciar um container com a mesma, após ele finalizar basta acessar `localhost:8081` e a aplicação já estará sendo servida.
Por ser uma aplicação focada em mobile para uma melhor experiência é recomendado que você utilize o modo de design responsivo(No Chrome e Firefox pode ser acessado com as teclas `CTRL` + `SHIFT`+ `M`) e trocar para o display de um dos modelos de smartphones que seu navegador disponibilizar.
Também é possível utilizar a extensão [Mobile Simulator](https://chrome.google.com/webstore/detail/mobile-simulator-responsi/ckejmhbmlajgoklhgbapkiccekfoccmk) disponível para Google Chrome e Firefox.
## 📦 Tecnologias usadas
- 
- 
- 
- 
- 