Skip to content

Latest commit

 

History

History
35 lines (23 loc) · 2.77 KB

README.md

File metadata and controls

35 lines (23 loc) · 2.77 KB

FAVMOV FRONTEND

Projeto pessoal desenvolvido com React + Vite

Pra que serve?

O intuito é dar ao usuário a possibilidade de gerenciar seus links de onde assiste filmes e séries, isso acaba sendo mais útil para as pessoas que não possuem uma assinatura dos serviços de streaming e que acaba utilizando diversos sites para acessar os conteúdos. Pode server também como um atalho já que muitos destes sites que hospedam filmes e séries de forma ilícita acaba colocando muitos anúncios para chegar na página onde realmente está o player de vídeo, portanto, salvando os links direto do player no favmov você evita de ter que passar por diversas propagandas chatas que abrem outras 1000 guias em seu navagador.

Qual intuito?

O intuito da aplicação é permitir que o usuário gerencie seus links em uma interfaca amigável e bonita, de uma forma rápida e dinâmica. Todas as informações são armazenadas no nosso banco de dados, com isso, todas as informações estarão sempre disponíveis pra você.

Como posso pegar as informações de formatação?

Eu criei um figma para este projeto mas a realidade é que fiz algumas alterações durante o desenvolvimento, portanto terá algumas diferenças, mas se quiser, o link para o projeto no figma é este:

Como é a interface da aplicação?

Veja abaixo:

Captura de tela_17-5-2024_13259_localhost

Captura de tela_17-5-2024_13329_localhost

Captura de tela_17-5-2024_13354_localhost

Captura de tela_17-5-2024_13421_localhost

Como rodar a aplicação na minha própria máquina?

É essencial ter o node instalado em sua máquina antes de qualquer coisa.

  • Abra um diretório para armazenar o projeto;

  • Rode o comando gh repo clone patrickxfranco/frontend-favmov;

  • Entre na pasta do repositório digitando cd frontend-favmod;

  • Instale as dependências do projeto com o comando npm install;

  • Execute o projeto com o comando npm run dev.

    Neste momento você só precisa acessar o link mostrado no console e a aplicação já estará rodando.

Observação: Não inclui as rotas de navegação ainda, portanto, ao clicar nos botões a página não será alterada, você fazer isso entrando no arquivo principal index.jsx e alterando as importação e a chamada para o nome da página que deseja visualizar.