https://github.com/davimateus1/marvel_project_pwm

Esse projeto consiste em uma aplicação para mostrar os personagens, criadores, séries, quadrinhos e etc da Marvel, informações e curiosidades importantes sobre cada um, cada uma dessas áreas tem a sua prória rota e cada personagem tem as suas informações.
https://github.com/davimateus1/marvel_project_pwm

axios heroku html5 marvel-api md5 react-icons react-loading react-reveal react-router-dom react-tilt reactjs styled-components

Last synced: about 1 year ago
JSON representation

Host: GitHub
URL: https://github.com/davimateus1/marvel_project_pwm
Owner: davimateus1
Created: 2022-04-15T20:39:51.000Z (about 4 years ago)
Default Branch: main
Last Pushed: 2022-05-04T01:19:02.000Z (about 4 years ago)
Last Synced: 2025-04-01T06:28:35.681Z (about 1 year ago)
Topics: axios, heroku, html5, marvel-api, md5, react-icons, react-loading, react-reveal, react-router-dom, react-tilt, reactjs, styled-components
Language: TypeScript
Homepage: http://marvel-pwm.herokuapp.com
Size: 6.77 MB
Stars: 9
Watchers: 2
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

          


 

  


  Projeto final: Programação Web e Mobile





  Tecnologias   |   

  Projeto   |   

  Deploy do Projeto   |   

  Como executar






🖥️ Tela principal: 



  



🖥️ Tela de Menu: 



  



🖥️ Tela de Personagens: 



  



🖥️ Tela de Histórias: 



  



🖥️ Tela de Criadores: 



  



🖥️ Tela de Quadrinhos: 



  



🖥️ Tela de Eventos: 



  



🖥️ Tela de Séries: 



  



🖥️ Tela de Erro: 



  



📱 Telas responsivas: 



  

   

  

  

  

  

   

  

  






## ✨ Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

- [ReactJS](https://reactjs.org)

- [React Icons](https://react-icons.github.io/react-icons/search)

- [React Router](https://reactrouter.com)

- [React Reveal](https://www.react-reveal.com)

- [React Loading](https://www.npmjs.com/package/react-loading)

- [React Tilt](https://www.npmjs.com/package/react-tilt)

- [TypeScript](https://www.typescriptlang.org)

- [Axios](https://axios-http.com/docs/intro)

- [HTML5](https://developer.mozilla.org/pt-BR/docs/Web/HTML)

- [Styled Components](https://styled-components.com)

- [Marvel API](https://developer.marvel.com)

- [Heroku](https://id.heroku.com/login)

- [md5](https://www.npmjs.com/package/md5)




## 💻 Projeto



Esse projeto consiste em uma aplicação para mostrar os personagens, criadores, séries, quadrinhos e etc da Marvel, informações e curiosidades importantes sobre cada um, cada uma dessas áreas tem a sua prória rota e cada personagem tem as suas informações. Vale ressaltar também que o projeto é completamente responsivo (se adapta a quaisquer dispositivos), esse projeto foi feito para a cadeira de programação web e mobile da faculdade.



 


 

 

## 🚀 Deploy do Projeto

Você pode ver o funcionamento através [desse link](http://marvel-pwm.herokuapp.com).




## 🚀 Como executar

- Clone o repositório

- Vá ao site da [Marvel](https://developer.marvel.com), crie sua conta e pegue suas chaves (pública e privada)

- Instale o [NPM](https://www.npmjs.com)

- Instale as dependências com `npm install` no terminal

- Inicie o projeto com `npm start` e após isso abra o `localhost:3000` no seu navegador

- Fique a vontade para explorar e testar as funcionalidades do projeto

---

### 👨‍👦‍👦 COLABORADORES

#### Nome: Davi Mateus Gomes de Almeida

- GitHub: [Davi Mateus](https://github.com/davimateus1)

#### Nome: João Vitor Machado

- GitHub: [João Vitor](https://github.com/joovitor12)

#### Nome: Ronny Lima Ribeiro da Silva

- GitHub: [Ronny Lima](https://github.com/ronnylrsd)

---