Skip to content

Tiagovcdbr/Projeto-Resident-Evil-Portal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Projeto Resident Evil Portal Desenvolvido por Fã com muito carinho e dedicação.

O Projeto está sendo refatorado e modificado e com isso trarei mais algumas novidades ao site, aguardem novidades!

Status do projeto....!

--- Página Resident Evil 0 HD Remaster Finalizada ---

--- Página Resident Evil 1 Remake Finalizada ---

--- Página Resident Evil 2 Remake Finalizada---

--- Página Resident Evil 3 Remake Finalizada---

--- Página Resident Evil 4 Classic Finalizada---

--- Página Resident Evil 5 Finalizada---

--- Página Resident Evil 6 Finalizada---

--- Outras seções ainda em construção ---!

Na instalação das depêndencias do projeto na hora de executar pode acontecer algum erro por conta de incompatibilidade, porém como a própria instrução no docs do npm rode este comando: --legacy-peer-deps... Fora que também deletar o package-lock-json seja solicitado, mas é só seguir as instruções caso de algum erro ai é so curtir o projeto.

Deploy do projeto

Obs: é possível que o audio e video apareça bloqueado no navegador de vocês no firefox pelo menos aparece é so desbloquear e curtir.

Caso o video não carregue na primeira vez que acessar pelo PC de um reload na página, caso esteja na versão mobile e quiser vizualizar melhor o conteúdo vire a tela do aparelho ou ative a versão desktop no seu aparelho celular, espero que curtam !

https://resident-evil-portal-fa-site.netlify.app/

Foi desenvolvido em React junto a algumas dependências que serão citadas abaixo.

Obs: Todas as dependências podem ser instaladas via npm install ou yarn install, assim como os projetos podem ser startados com npm start
ou yarn start, usem o que for de sua preferência pois no Readme.md eu enfatizei muito o npm.

o projeto foi desenvolvido com esses passos
Abra um terminal no Linux ou Windows e digite o comando npx create-react-app "nome do projeto sem aspas".
Obs se o nome do projeto tiver mais uma palavra sempre colocar um -para separar cada palavra ficando assim create-react-app nome-do-projeto.
Aperte enter e espero o projeto ser criados junto a alguns pacotes e dependências padrões que o React cria,
feito isso o terminal ira mostrar tudo que foi instalado e o nome do projeto, ao término do projeto criado rode o comando code .
dessa forma para abrir o vs code ou alguma IDE que sua preferência.
Rode o ocmando npm start para iniciar o projeto na porta http://localhost:3000/
Caso esta porta ja esteja ocupada o terminal mostrar se você quer mudar a porta para rodar o projeto (Y/N)
Selecione Y para continuar e aguarde o projeto subir. e veja se está tudo ok,
a tela que deve aparecer é a do simbolo do React mostrando que seu projeto está funcionando.
Quando abrir seu projeto verá uma tela parecida como mostra abaixo.

react

Note no package.json está mostrando todas as depedências que seu projeto tem, no caso da imagem acima já é o projeto feito e suas depedências, o que irei mostrar agora é como instalar e onde encontrar, caso você já saiba onde procure esses pacotes só pelo nome algumas pessoas já sabem onde é a fonte e por isso não precisa seguir esses passos a risca.

React router dom: https://reactrouter.com/en/main e para instalar execute npm i react-router-dom para instalar as dependências, pode demorar um pouco mas é so aguardar. Após instalar cheque se tudo está ok dentro do package.json

Animate On Scroll Library: http://michalsnik.github.io/aos/.. mesmo passo acima sempre que instalar uma dependência olhe o seu package.json

npm install react-icons --save: https://react-icons.github.io/react-icons/

Com todas as Dependências instaladas é só começar a codar o seu projeto e desenvolver da maneira que quiser, caso queira usar esse projeto como base para criar o seu, fique a vontade pois ficarei feliz que esse trabalho sirva para você criar seu projeto do seu gosto e adicionar o que você quiser.

Abaixo mostrarei algumas imagens de como ficou o projeto, espero que gostem e façam um fork caso queiram pra me ajudar ou se não estiver familiarizado com o Git faça o download do projeto ou até mesmo um clone dele. Muito obrigado pela visita Happy Hacking 🚀🚀

Imagens da nova versão do projeto que agora será um portal com o Títulos mais conhecidos e jogados pela comunidade, além dos conteúdos do próprio site trarei informações como por exemplo: filmes, trailers, arquivos encontrados durante cada game e muito mais. Espero poder trazer muito conteúdo para o site e pra galera que curte o game assim como eu, muito obrigado e aos poucos vou atualizando e postando as novidades. 🚀🚀

portal resident

portal resident-2

portal resident-3

portal resident-4

portal resident-5

Abaixo estão algumas imagens do portal do Resident Evil 2 remake que terá mais alguns extras, no momento é o unico fumcional. Os demais estou construindo e postarei com o passar do tempo.

img1

img2

img3

img4

img5

img6

bio1

bio2

img7

img8

img9

About

Projeto Portal Resident Evil feito por fã da franquia

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages