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