ReactGram

💻 Sobre o Projeto

ReactGram é uma aplicação web baseado em algumas funcionalidades do Instagram.

O projeto possui um sistema de autenticação, onde os usuários podem se cadastrar ou realizar o login (caso já possuir um cadastrado autenticado).

Feito a autenticação, os usuários podem visualizar as postagens mais recentes no feed, curtir e comentar cada post. Ou se o usuário preferir, pode fazer uma busca do post por título.

Para publicar um post, é necessário inserir um título e uma imagem jpg, png ou jpeg. Também é possível visualizar, editar e excluir cada post publicado.

Na página de perfil, o usuário pode inserir uma foto, escrever sua biografia e trocar sua senha. Não sendo permitido editar o e-mail.

Confira o resultado em: reactgram-vitor.vercel.app

Imagens

🚀 Techs

• React
• CSS3
• ReactJS
• Redux
• Redux Toolkit
• React Router
• Moment.js
• Node.js
• Express
• MongoDB
• Mongoose
• jsonwebtoken
• multer

Desenvolvimento

---

Pré-requisitos

• Instalar Node.js

Clone o repositório

$ git clone https://github.com/vitorgaletti/reactgram

Executar Projeto

# Mudar para directório
$ cd reactgram/

Front-End

# Mudar para directório
$ cd frontend/

• Instalar dependências

$ npm install

# Crie um arquivo .env e configure as váriaveis de ambiente
# API
REACT_APP_API_URL=http://localhost:5000/api
REACT_APP_API_UPLOADS=http://localhost:5000/uploads

• Execute

$ npm run start

• Executar scripts

Ação	Utilização
Iniciar o desenvolvimento	npm run start
Compilar para produção	npm build

Back-End

# Mudar para directório
$ cd backend/

• Instalar dependências

$ npm install

# Crie um arquivo .env e configure as váriaveis de ambiente
PORT=5000
WEB_HOST=http://localhost:3000

# MongoDB
DB_USER=
DB_PASS=

# JWT
JWT_SECRET=

• Execute

$ npm run server

• Executar scripts

Ação	Utilização
Iniciar o servidor	npm run server
Compilar para produção	npm build

Autor

• @vitorgaletti