patrickxfranco / frontend-favmov

Projeto pessoal para gerenciamento de links de obras cinematográficas

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, por este motivo, não é necessário criar uma conta. Todas as informações são armazenadas no localStorage do seu navegador, 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:

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.