Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ipetinate/voyage-logbook

Diário de Bordo da Viagem Intergaláctica.
https://github.com/ipetinate/voyage-logbook

api jsx react star-wars starwars starwars-api

Last synced: 3 months ago
JSON representation

Diário de Bordo da Viagem Intergaláctica.

Awesome Lists containing this project

README

        

# Voyage Logbook Reports

[![Netlify Status](https://api.netlify.com/api/v1/badges/9576dd88-4570-464e-95ae-eef695f6b0e5/deploy-status)](https://app.netlify.com/sites/voyage-logbook/deploys) ![Build and Deploy](https://github.com/ipetinate/voyage-logbook/workflows/Build%20and%20Deploy/badge.svg?branch=master)

## Descrição

- Voyage Logbook Reports é um aplicativo web que permite que você crie planos de viagem e adicione-os ao seu Diário de Bordo de Viagem.

## Funcionalidades

- Criar Planos com Descrição da Atividade e Planeta onde será feita a atividade;
- Verificar os planos em formato de lista;

* Propostas para a Próxima versão:
- Permitir que o Comandante baixe o relatório contendo todos os planos;
- Criação de vários relatórios nomeados;
- Compartilhamento de relatórios;
- Edição dos planos;

## Persistência dos dados
- Todos os dados dos planos são adicionados ao ``window.localStorage`` no Navegador, permitindo que você saia da aplicação e seus dados continuem lá, até que a limpeza dos dados de navegação ou remoção manual seja feita.

## Tecnologias
- React + Material UI + PWA + AXIOS

![MaterialUI](https://github.com/ipetinate/voyage-logbook/blob/master/doc/img/mui.jpg) ![React](https://github.com/ipetinate/voyage-logbook/blob/master/doc/img/react.png) ![PWA](https://github.com/ipetinate/voyage-logbook/blob/master/doc/img/pwa.jpg)

## Relatório da Análise do LightHouse

![LightHouse Report](https://github.com/ipetinate/voyage-logbook/blob/master/doc/img/lighthouse.png)

## Scripts Disponíveis

Dentro do diretório do projeto, você pode rodar:

### `yarn start`

Roda a aplicação em modo de desenvolvimento.

Abra [http://localhost:3000](http://localhost:3000) para visualizá-la no navegador.

A página irá atualizar sozinha quando você fizer alterações.

E você também poderá ver erros encontrados no console.

### `yarn test`

Inicia o runner de testes no modo de observação interativo.

### `yarn build`

Cria o aplicativo para produção na pasta `build`.

Ele agrupa corretamente o React no modo de produção e otimiza a construção para obter o melhor desempenho.

A compilação é minificada e os nomes de arquivos incluem os hashes.

E seu aplicativo estará pronto para ser publicado!