https://github.com/ecsistem/blog-compass
Este repositório contém um projeto que consiste em um blog desenvolvido typescript.
https://github.com/ecsistem/blog-compass
blog docker docker-compose ngin typescript vite
Last synced: 3 months ago
JSON representation
Este repositório contém um projeto que consiste em um blog desenvolvido typescript.
- Host: GitHub
- URL: https://github.com/ecsistem/blog-compass
- Owner: ecsistem
- Created: 2023-07-25T18:02:51.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-04-03T22:16:33.000Z (about 2 years ago)
- Last Synced: 2025-03-19T07:43:06.199Z (over 1 year ago)
- Topics: blog, docker, docker-compose, ngin, typescript, vite
- Language: TypeScript
- Homepage: https://blog-compass.vercel.app
- Size: 330 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: readme.md
- Changelog: news.html
Awesome Lists containing this project
README
# Blog Compass 🚀
Este é um projeto de blog desenvolvido em Vanilla.js (JavaScript puro) para o programa de bolsa da Compass.uol, sem a utilização de frameworks ou bibliotecas adicionais. O objetivo deste projeto é criar um blog simples e elegante, proporcionando uma experiência de leitura agradável para os usuários.
## Funcionalidades Principais🔥
1. **Exibição de Postagens:** O blog exibirá uma lista de postagens, com título, data de publicação, resumo e uma imagem de destaque. Os usuários poderão clicar nas postagens para ler o conteúdo completo.
2. **Navegação:** Os usuários poderão navegar entre as diferentes postagens por meio de um sistema de paginação ou carregamento infinito.
3. **Comentários:** Os leitores poderão vê comentarios de outros leitores.
4. **Responsividade:** O blog será responsivo, garantindo uma ótima experiência de leitura em dispositivos móveis e desktop.
## Dependências🛠️
Este projeto não possui dependências externas, pois é desenvolvido utilizando TypeScript puro (Vanilla.ts).
## Link do demo 🚀
[https://blog-compass.vercel.app/](https://blog-compass.vercel.app/)
## Rodando localmente 💻
Siga os passos abaixo para rodar o projeto em sua máquina local:
1. Clone o repositório ⬇️
```bash
git clone https://github.com/ecsistem/blog-compass
```
2. Acesse o diretório do projeto 📂
```bash
cd blog-compass
```
3. Instale as dependências usando NPM 📦
```bash
npm install
```
ou usando PNPM 📦
```bash
pnpm install
```
ou usando Yarn 📦
```bash
yarn install
```
4. Inicie o servidor local 🚀
```bash
npm run start
```
## Build 🛠️
Para fazer o build do projeto, execute o seguinte comando:
```bash
npm run build
```
## 🧱Ambiente de Desenvolvimento - Docker
Para iniciar o servidor de desenvolvimento do Vite com docker, execute o seguinte comando:
```bash
docker-compose up development
```
Isso iniciará o servidor de desenvolvimento do Vite, e você poderá acessá-lo em http://localhost:3000 no seu navegador.
## 🧱Ambiente de Produção - Docker
Para realizar o build da aplicação usando o Vite e executar o ambiente de produção com o Nginx, execute o seguinte comando:
```bash
docker-compose up production
```
Isso executará o build da aplicação usando o Vite e, em seguida, iniciará o servidor Nginx para servir os arquivos estáticos. Você poderá acessar a aplicação em http://localhost no seu navegador.
## Autores 👤
- [@Edson Costa](https://www.github.com/ecsistem)
## Contato📱
Se tiver alguma dúvida ou precisar entrar em contato, você pode me encontrar em:
- E-mail: edson.costa.pb@compasso.com.br
- GitHub: [ecsistem](https://github.com/ecsistem)
- LinkedIn [https://www.linkedin.com/in/edsoncostadev/](https://www.linkedin.com/in/edsoncostadev/)
## Suporte ✉️
Para suporte, entre em contato enviando um e-mail para edson.costa.pb@compasso.com.br. Estou à disposição para ajudar com qualquer dúvida ou problema relacionado ao projeto.