Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/patrickxfranco/frontend-favmov
Projeto pessoal para gerenciamento de links de obras cinematográficas
https://github.com/patrickxfranco/frontend-favmov
assistir design filme free global-styles gratis javascript movie node npm react seriado serie show styled-components theme-provider ui ux vite watch
Last synced: 9 days ago
JSON representation
Projeto pessoal para gerenciamento de links de obras cinematográficas
- Host: GitHub
- URL: https://github.com/patrickxfranco/frontend-favmov
- Owner: patrickxfranco
- License: mit
- Created: 2024-05-17T15:52:31.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-10-28T13:26:24.000Z (21 days ago)
- Last Synced: 2024-10-28T16:58:39.960Z (21 days ago)
- Topics: assistir, design, filme, free, global-styles, gratis, javascript, movie, node, npm, react, seriado, serie, show, styled-components, theme-provider, ui, ux, vite, watch
- Language: JavaScript
- Homepage: https://patrickxfranco.github.io/frontend-favmov/
- Size: 58.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://www.figma.com/design/9qybq8v8eMwyhdShVXz9OW/favmov?node-id=0%3A1&t=ZiY5bl2od44WVjp5-1):
## 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.