https://github.com/ivelcorvo/miniblog
Aplicação web em React que simula um blog com criação, edição e exclusão de posts. Utiliza React Router, Hooks e Context API para estados globais, Firebase para autenticação e banco de dados em tempo real, além de TailwindCSS para estilização.
https://github.com/ivelcorvo/miniblog
context-api firebase firebase-auth firebase-database react react-hooks react-router reactjs tailwindcss
Last synced: 3 months ago
JSON representation
Aplicação web em React que simula um blog com criação, edição e exclusão de posts. Utiliza React Router, Hooks e Context API para estados globais, Firebase para autenticação e banco de dados em tempo real, além de TailwindCSS para estilização.
- Host: GitHub
- URL: https://github.com/ivelcorvo/miniblog
- Owner: ivelcorvo
- Created: 2025-09-02T12:42:27.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-09-21T16:08:43.000Z (9 months ago)
- Last Synced: 2025-09-21T17:40:38.985Z (9 months ago)
- Topics: context-api, firebase, firebase-auth, firebase-database, react, react-hooks, react-router, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://ivelcorvo.github.io/MINIBLOG/
- Size: 5.39 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ✍️ MiniBlog
Aplicação web em **React** que simula um **blog com CRUD completo**:\
- ✨ Criação de posts\
- 📝 Edição de posts\
- ❌ Exclusão de posts
### Recursos principais
- **React Router** para navegação\
- **Hooks + Context API** para gerenciamento de estados globais\
- **Firebase Authentication** para login/registro de usuários\
- **Firebase Database** (via SDK oficial) para persistência
dos posts\
- **TailwindCSS** para interfaces modernas e responsivas
## 🚀 Tecnologias Utilizadas
- **React (Create React App)**\
- **React Router**\
- **Context API & Hooks**\
- **Firebase SDK (Auth + Database)**\
- **TailwindCSS**
## 🔒 Segurança e Deploy
O deploy é feito com **GitHub Actions**, garantindo integração e entrega
contínua.
- Por padrão, o `GITHUB_TOKEN` já garante autenticação segura.\
- No entanto, utilizei um **Personal Access Token (Fine-grained)** comFral
permissões restritas (`Contents: Read & Write`) apenas para este
repositório.
Essa escolha demonstra:\
- ✔️ Princípio de **menor privilégio**\
- ✔️ Conhecimento de **configurações avançadas do GitHub**\
- ✔️ Capacidade de adaptação do fluxo de autenticação
## 💡 Aprendizados e Boas Práticas
- Integração direta com **Firebase SDK** (sem libs extras)\
- CRUD completo com **Firebase Database**\
- Proteção de rotas com **React Router**\
- Organização de estados globais via **Context API**\
- Interface **responsiva** e escalável com TailwindCSS