https://github.com/aliine98/angular-tech-blog

Um blog com notícias de tecnologia.
https://github.com/aliine98/angular-tech-blog

angular blog tailwindcss technews typescript

Last synced: 2 months ago
JSON representation

Um blog com notícias de tecnologia.

• Host: GitHub
• URL: https://github.com/aliine98/angular-tech-blog
• Owner: aliine98
• License: mit
• Created: 2023-12-05T17:40:01.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2026-01-12T10:53:55.000Z (5 months ago)
• Last Synced: 2026-01-12T19:02:24.575Z (5 months ago)
• Topics: angular, blog, tailwindcss, technews, typescript
• Language: TypeScript
• Homepage: https://aliine98.github.io/angular-tech-blog/
• Size: 21.1 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

          


# 
Angular tech blog




  

  

  

  



> Table of Contents

> 


>   
Sobre

>   
Screenshots

>   
Tecnologias

>   
Rodando localmente

>   
Como contribuir para o projeto

>   


Licença

> 



## 💻 Sobre o projeto

Um blog de tecnologia com artigos que vem da api do Dev.to, feito com angular e tailwind.

- Página inicial com listagem dos artigos

- Página separada para cada artigo com link para ler completo

- Ferramenta de busca pelo título dos artigos

## 🎨 Screenshots

  Desktop:

  


    

    

    

    

  


  Mobile:

  


    

    

  




## 🛠 Tecnologias

- [![Angular](https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white)](https://angular.io/)

- [![Typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)

- [![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)](https://tailwindcss.com/)

- [![Dev.to API](https://img.shields.io/badge/dev.to_api-0A0A0A?style=for-the-badge&logo=dev.to&logoColor=white)](https://developers.forem.com/api/)

## 🚀 Rodando localmente

Clone o projeto

```bash

  git clone https://github.com/aliine98/angular-tech-blog

```

Entre no diretório do projeto

```bash

  cd angular-tech-blog

```

Instale as depêndencias

```bash

  npm install

```

Abra o servidor

```bash

  ng serve

```

Para build e deploy:

Mude o baseHref da config de deploy no arquivo  `angular.json`

```bash

  ng deploy

```

## 😯 Como contribuir para o projeto

1. Faça um **fork** do projeto.

2. Crie uma nova branch com as suas alterações: `git checkout -b my-feature`

3. Salve as alterações e crie uma mensagem de commit contando o que você fez: `git commit -m ":sparkles: feat: My new feature"`

4. Envie as suas alterações: `git push origin my-feature`

5. No seu repositório clique num botão chamado _**Compare & Pull Request**_ e crie o seu PR.

> Caso tenha alguma dúvida confira este [guia de como contribuir no GitHub](https://github.com/firstcontributions/first-contributions)

## 📝 Licença

![License](https://img.shields.io/github/license/aliine98/angular-tech-blog?&logo=m&style=for-the-badge)

Feito com ❤️ por Aline Bevilacqua!

⬆ Voltar ao topo