Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jvictorfarias/instaclone-challenge

:dizzy: Aplicação com funcionamento similar ao Instagram.
https://github.com/jvictorfarias/instaclone-challenge

docker feed mongodb nodejs reactjs socket-io

Last synced: about 2 months ago
JSON representation

:dizzy: Aplicação com funcionamento similar ao Instagram.

Awesome Lists containing this project

README

        

[![The MIT License](https://img.shields.io/badge/license-MIT-orange.svg?style=flat-square)](http://opensource.org/licenses/MIT) [![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/jvictorfarias/instaclone-challenge.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/jvictorfarias/instaclone-challenge/context:javascript)

## Projeto Instaclone

Aplicação com funcionamento semelhante ao Instagram com algumas de suas funcionalidades, implementadas utilizando de tecnologias como ReactJS e NodeJS.

## Iniciando

Essas instruções vão direcionar você a como executar o projeto e rodar em sua máquina.

### Pré-requisitos

Programas que você precisa ter em sua máquina/ambiente antes de rodar o código.

```
yarn, node
```

### Instalando

Dentro de cada pasta (Backend/Frontend) existem instruções de como rodar a aplicação nos seus respectivos ambientes.

### Detalhes da Aplicação

Apresentação de funcionalidades e rotas disponíveis da aplicação:

### Login e Cadastro

Área de login e cadastro com validação de usuário, senha e campos

```
http://localhost:3000/
```

![login](https://github.com/jvictorfarias/instaclone-challenge/blob/master/img/loginECadastro.png)

### Feed

O Feed possui a característica de conter todos os posts, que além de serem visualizados, podem ser comentados, curtidos e excluídos ao clicar no botão direito superior.

```
http://localhost:3000/feed
```

![feed](https://github.com/jvictorfarias/instaclone-challenge/blob/master/img/feed.png)

![likes](https://github.com/jvictorfarias/instaclone-challenge/blob/master/img/likesEComments.png)

![exclusao](https://github.com/jvictorfarias/instaclone-challenge/blob/master/img/exclusao.png)

### Post

Área de criação de post, onde ocorre a verificação de campos preenchidos, além do formato de imagem.

```
http://localhost:3000/post
```

![post](https://github.com/jvictorfarias/instaclone-challenge/blob/master/img/post.png)