paulodaluz / StarWarsApi

College work for the subject of Web Programming Topics, for the Computer Science course.

Descrição do Projeto

Este projeto foi desenvolvido com o intuito de atender aos requisitos de um trabalho da faculdade, condizente a matéria de Tópicos de Programação Web.

Objetivo do Projeto

O objetivo do trabalho é criar um site em react atendendo aos seguintes requisitos:

1. Desenvolva um Portal Web para fãs de Star Wars, utilizando o React com framework de front-end, o template woodrox-gh-pages como modelagem CSS e a api https://swapi.co/ como back-end para fornecimento de dados.

2. Esse portal deverá possuir os seguintes links de menu:

• HOME
• FILMS
• STARSHIPS
• PEOPLE
• PLANETS
• SPECIES
• LOGIN

3. Na HOME deve ser apresentado os dados do desenvolvedor (nome, ra e e-mail).

4. No LOGIN deve ser exibido um formulário com as seguintes opções: e-mail e password, bem como um botão de LOGIN. Não é necessária nenhuma ação na execução deste botão. (Este passo será aplicado como parte da G2).

5. Em cada um dos demais menus, é necessário apresentar a lista de dados entregue pela API, como por exemplo, a lista de Filmes da Série Star Wars, ou os dados das Naves presentes em todos os filmes, etc.

6. É necessário a aplicação do ReactBootstrap em todas as páginas da aplicação. O elemento fica de acordo com a necessidade e escolha do aluno.

7. Para conexão com a API, o projeto pode acessar os dados via fetch ou axios. Recomendado o Axios.

8. É necessário alterar o BrowserRouter para HashRouter, permitindo que o projeto seja colocado em produção, em qualquer servidor Apache.

9. Realize o Build da Aplicação, compacte-o e envie para o email XXXX.

Tecnologias Utilizadas

As técnologias utilizadas foram NodeJS, NPM, React e Firebase.

Bibliotecas utilizadas

• axios versão 0.19.0,
• bootstrap versão 4.3.1,
• react versão 16.9.0,
• react-bootstrap versão 1.0.0-beta.12,
• react-dom versão 16.9.0,
• react-router-dom versão 5.0.1,
• react-scripts versão 3.1.1,
• react-spinners versão 0.6.1

Como instalar a aplicação

Basta apenas baixar o projeto, abrir a pasta local dele no terminal e digitar o comando npm install, que ele ira instalar todas as bibliotecas.

Como rodar a aplicação localmente

Para startar o projeto você pode digitar o comando npm start no diretório do projeto.

Após isso ele irá abrir na porta 3000 no seu localhost, ou seja, basta apenas entrar em localhost:3000.

Desenvolvedor

Paulo Ricardo da Luz Júnior