https://github.com/laisfrigerio/sport-flix

Conectando você aos melhores vídeos do mundo do esporte!
https://github.com/laisfrigerio/sport-flix

imersao-react js react reactjs sportflix sports

Last synced: about 2 months ago
JSON representation

Conectando você aos melhores vídeos do mundo do esporte!

• Host: GitHub
• URL: https://github.com/laisfrigerio/sport-flix
• Owner: laisfrigerio
• Created: 2020-07-28T05:13:35.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-11-12T02:02:23.000Z (almost 2 years ago)
• Last Synced: 2025-05-15T05:34:43.844Z (5 months ago)
• Topics: imersao-react, js, react, reactjs, sportflix, sports
• Language: JavaScript
• Homepage: https://sportflix.vercel.app
• Size: 1.89 MB
• Stars: 9
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# :copyright: SportFlix

:arrow_right_hook: Conectando **você** aos *melhores* vídeos do mundo do **esporte**! [Site](https://sportflix.vercel.app/)

![Home desktop](https://raw.githubusercontent.com/laisfrigerio/sport-flix/master/screenshots/home-desktop-league.png)

![Home mobile](https://raw.githubusercontent.com/laisfrigerio/sport-flix/master/screenshots/home-mobile.png)

## Endpoints

- `/` Home Page

- `/leagues` Lista de campeonatos

- `/leagues/:leagueName/:id` Detalhes e todos os times de uma determinada liga

- `/leagues/:leagueName/:leagueId/team/:teamName/:id`  Detalhe de um selecionado time

- `/categories` Add and list categories

- `*` Exibe uma página de 404 com um joguinho (tretis)

## :pencil: Features

- :ballot_box_with_check: custom layout

- :ballot_box_with_check: styled-components

- :ballot_box_with_check: react-slick

- :ballot_box_with_check: react-router-dom

- :ballot_box_with_check: react-hook-form

- :ballot_box_with_check: prop-types

- :ballot_box_with_check: hooks

- :ballot_box_with_check: JSON with data

- :ballot_box_with_check: consume external API [thesportsdb API](https://www.thesportsdb.com/api.php?)

- :ballot_box_with_check: List data from API

- :ballot_box_with_check: Carousel

- :ballot_box_with_check: SEO

- :ballot_box_with_check: Responsive

- :ballot_box_with_check: Add category form and list items

## :pencil: Desafios

- Customizar o layout

- Utilizar outras propriedades/css da lib`react-slick`

- Spinner/Loading

- Página 404 com jogo ([@tetris](https://laisfrigerio.github.io/js-tetris-game/))

## :gem: Run local

- `git clone git@github.com:laisfrigerio/sport-flix.git`

- `cd sport-flix`

- `npm install`

- `npm start`

## :muscle: Contribuição

[@luhcasgabriel](https://github.com/lucashgabriel/) - Pela inspiração :heart_eyes: