Miniblog

Este é um miniblog desenvolvido como projeto de aprendizado, enquanto eu estudava React em um curso online.
Nele implementei:

• Autenticação de usuários com Firebase Auth
• CRUD de posts (criar, excluir, atualizar)
• Apenas o usuário dono do post consegue editá-la ou removê-la
• Uma Home mostrando todos os posts compartilhados pelos usuários

Tecnologias utilizadas:

• React
• Firebase (Auth e Firestore)
• Javascript
• CSS modules
• Vite

Estrutura do diretório:

src/
├─ assets/
├─ components/
├─ context/
├─ firebase/
├─ hooks/
├─ pages/
├─ App.jsx
├─ main.jsx
...

.env

É preciso criar um arquivo .env.local na raiz do seu projeto e inserir suas configurações do Firebase:

VITE_API_KEY=
VITE_AUTH_DOMAIN=
VITE_PROJECT_ID=
VITE_STORAGE_BUCKET=
VITE_MESSAGING_ID=
VITE_APP_ID=

Aprendizados

Com este projeto aprendi:

• Autenticação de usuários com Firebase Auth
• CRUD básico no Firebase Firestore
• Uso de custom hooks para organização de código
• Gerenciamento de estado e compartilhamento de usuário pelo Context API
• Como usar .env para configurações sensíveis

Este miniblog faz parte do meu portfólio e revela tanto o aprendizado quanto o desenvolvimento de habilidades práticas com React e Firebase.