An open API service indexing awesome lists of open source software.

https://github.com/wiriswernek/contact-page

Uma página de contato simples e atrativa
https://github.com/wiriswernek/contact-page

angular bootstrap typescript

Last synced: about 2 months ago
JSON representation

Uma página de contato simples e atrativa

Awesome Lists containing this project

README

          

# Pagina de Contato



## 🔥 Sobre

O projeto é um dos desafios do Dev Challanges onde foi desenvolvida uma página de contato a partir de um template, como adição ao projeto ao invés de ser desenvolvido com apenas HTML, CSS e Javascript optei por incorporar o framework Angular e o Bootstrap.

Atualmente o projeto se encontra publicado na [Vercel](https://contact-page-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 `contact-page`
- 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

## 📦 Tecnologias usadas
- ![Angular](https://img.shields.io/badge/angular-%23DD0031.svg?style=for-the-badge&logo=angular&logoColor=white)
- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
- ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
- ![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white)