ReactGram

Um projeto de rede social simplificada inspirada no Instagram. Nesta aplicação, é possível fazer cadastro e login, criar postagens, curtir, excluir e editar postagens e pesquisar.

---

📸 Demonstração

---

✨ Recursos

• Cadastro e Login de usuários (com JWT).
• Upload de Imagens (com Multer).
• Criação, Edição e Exclusão de postagens.
• Pesquisa posts.

---

🔧 Tecnologias Utilizadas

• Front-end:

  • React

• Back-end:

  • Node.js (Express)
  • MongoDB
  • JWT (para autenticação)

• Outras bibliotecas (opcional):

  • Multer (para upload de arquivos)
  • bcrypt (para hash de senhas)
  • dotenv (para variáveis de ambiente)

---

📥 Instalação e Execução

1. Clonar o repositório

git clone https://github.com/LucasBatista37/ReactGram.git
cd reactgram

2. Estrutura de Pastas

reactgram/
│── backend/
│    ├── package.json
│    ├── .env
│    └── ...
│
├── frontend/
│    ├── package.json
│    └── ...
└── README.md

3. Configurar Variáveis de Ambiente 1.

Na pasta backend, crie um arquivo chamado .env no mesmo nível de package.json. 2. Copie o conteúdo de .env.example e substitua pelos valores reais. Exemplo:

   PORT=5000
   DB_USER=SEU_USUARIO 
   DB_PASSWORD=SUA_SENHA
   JWT_SECRET=SUA_CHAVE_SECRETA

4. Instalar Dependências

4.1. Backend

cd backend
npm install

ou

yarn

4.2. Front-end

cd ../frontend
npm install

ou

yarn

5. Executar o Projeto

5.1. Backend

Volte à pasta do back-end:

cd ../backend
npm run server

ou

yarn dev

5.2. Front-end

Abra outro terminal ou outra aba:

cd ../frontend
npm run dev

ou

yarn start

Agora, você deve ter o back-end rodando em http://localhost:5000 e o front-end em http://localhost:5173.

👋 Contato

Em caso de dúvidas ou sugestões:

• E-mail: [email protected]
• LinkedIn: linkedin.com/in/lucas-batista-004212263
• GitHub: github.com/LucasBatista37