Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/h4ad/omnistack

Esse será o repositório que conterá os arquivos do projeto da Semana Omnistack 11.
https://github.com/h4ad/omnistack

nestjs omnistack react react-native rocketseat

Last synced: 17 days ago
JSON representation

Esse será o repositório que conterá os arquivos do projeto da Semana Omnistack 11.

Awesome Lists containing this project

README

        


Be The Hero


🚀 Semana OmniStack 11.0


Projeto   |   
Tecnologias   |   
Diferenciais   |   
Imagens

![Backend NestJS](https://github.com/H4ad/omnistack/workflows/Backend%20NestJS/badge.svg)
[![Coverage Status](https://coveralls.io/repos/github/H4ad/omnistack/badge.svg?branch=master)](https://coveralls.io/github/H4ad/omnistack?branch=master)

## :book: Projeto

Be The Hero, seja o herói para quem precisa da sua ajuda!

O projeto foi pensado pelo time da :rocket: [Rocketseat](https://github.com/Rocketseat) para ajudar ONGs, dessa forma, cada ONG pode criar casos usando a aplicação web para possa ser divulgado para as pessoas.

Após criar um caso, as pessoas poderão usar o aplicativo para encontrar esses casos e serem os heróis para essa ONG.

## :rocket: Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

- Backend
- [NestJS](https://nestjs.com/)
- [Node.js](https://nodejs.org/en/)
- Frontend
- [React](https://reactjs.org)
- Mobile
- [React Native](https://facebook.github.io/react-native/)
- [Expo](https://expo.io/)
- [Ionic](https://ionicframework.com/)
- [Angular](https://angular.io/)

## :collision: Diferenciais

Para o `mobile`, eu quis fazer uma comparação, então eu fiz em dois frameworks: React Native e em Ionic.

Para acessar cada projeto, veja [essa pasta](./mobile-ionic) para o Ionic, e [essa pasta](./mobile-react-native) para o React Native.

No `backend`, eu alterei um poucos as entidades para que suportassem autenticação JWT, assim como, a possibilidade de um usuário possuir várias ONGs, para saber mais, veja [o README](./backend-nestjs) do `backend`.

Por consequência das alterações do `backend`, foram adicionados novas páginas para o `frontend` como o cadastro de usuários, de ONGs e a listagem delas.

## :camera: Imagens

### Frontend

Imagens do Frontend

#### Login

![Página de login](github/assets/login.png)

#### Registrar usuário

![Página de registrar usuário](github/assets/register.png)

#### Suas ongs

![Página para visualizar suas ongs](github/assets/ongs.png)

#### Criar uma ong

![Página para criar uma nova ong](github/assets/create-ong.png)

#### Casos de uma ong

![Página de incidentes](github/assets/incidents.png)

#### Criar um novo caso

![Página de criar um novo incidente](github/assets/create-incident.png)

### Mobile

A seguir, as páginas do aplicativo mobile.

#### Listagem de casos


Página de listagem de casos

#### Detalhes um caso


Página de detalhes de um casos

### Backend

A seguir, a página do Swagger com todas as rotas da API documentadas.

![Página do Swagger](github/assets/swagger.png)