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/

Rodando localmente 💻

Siga os passos abaixo para rodar o projeto em sua máquina local:

1. Clone o repositório ⬇️

git clone https://github.com/ecsistem/blog-compass

2. Acesse o diretório do projeto 📂

cd blog-compass

3. Instale as dependências usando NPM 📦

npm install

ou usando PNPM 📦

pnpm install

ou usando Yarn 📦

yarn install

4. Inicie o servidor local 🚀

npm run start

Build 🛠️

Para fazer o build do projeto, execute o seguinte comando:

npm run build

🧱Ambiente de Desenvolvimento - Docker

Para iniciar o servidor de desenvolvimento do Vite com docker, execute o seguinte comando:

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:

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

Contato📱

Se tiver alguma dúvida ou precisar entrar em contato, você pode me encontrar em:

• E-mail: [email protected]
• GitHub: ecsistem
• LinkedIn https://www.linkedin.com/in/edsoncostadev/

Suporte ✉️

Para suporte, entre em contato enviando um e-mail para [email protected]. Estou à disposição para ajudar com qualquer dúvida ou problema relacionado ao projeto.