Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mspilari/mathflix
:movie_camera: A copy of Netflix
https://github.com/mspilari/mathflix
netflix nodejs postgresql reactjs styled-components
Last synced: 3 days ago
JSON representation
:movie_camera: A copy of Netflix
- Host: GitHub
- URL: https://github.com/mspilari/mathflix
- Owner: MSpilari
- License: mit
- Created: 2020-07-28T14:48:48.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-09-11T14:45:11.000Z (about 3 years ago)
- Last Synced: 2023-03-04T01:48:04.433Z (over 1 year ago)
- Topics: netflix, nodejs, postgresql, reactjs, styled-components
- Language: JavaScript
- Homepage: https://math-flix.vercel.app
- Size: 740 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# MathFlix
![GitHub](https://img.shields.io/github/license/MSpilari/MathFlix?style=plastic)
![GitHub last commit](https://img.shields.io/github/last-commit/MSpilari/MathFlix?style=plastic)![LogoMathFlix](./src/assets/Logo.png)
![LogoMSpilari](./src/assets/LogoRB.svg)## Veja o projeto
- [MathFlix](https://math-flix.vercel.app/)
## Objetivo
Este projeto foi criado com o intuito de ser uma cópia da página principal do **Netflix**, porém nela o usuário pode efetuar suas próprias mudanças sobre quais vídeos e quais categoria estarão presentes nesta página.
## Projeto
O projeto foi criado em **ReactJs**, utilizei também **Styled components** na estilização dos componentes. Existe também um carrossel criado com React-slick, usado para listar os vídeos da categoria.
O projeto ainda não está 100% completo, pois os dados que aparecem na Home Page ainda estão 'Hard enconded'. A intenção é criar um BackEnd para armazenar estes dados e o FrontEnd fazer o consumo dos mesmos.
## Tecnologias utilizadas
- [ReactJs](https://pt-br.reactjs.org/)
- [React-Slick](https://react-slick.neostack.com/)
- [React Router Dom](https://reactrouter.com/web/guides/quick-start)