https://github.com/lucasbailo/cinetag-bailo

Another one!
https://github.com/lucasbailo/cinetag-bailo

Last synced: about 1 month ago
JSON representation

Another one!

• Host: GitHub
• URL: https://github.com/lucasbailo/cinetag-bailo
• Owner: lucasbailo
• Created: 2023-11-26T13:06:16.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-26T13:18:05.000Z (about 1 year ago)
• Last Synced: 2023-11-26T14:56:08.302Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://cinetag-bailo.vercel.app
• Size: 8.86 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Welcome again to another React project! 👋

# Cinetag

I'm not DJ Khaled but, ANOTHER ONE!

### Home

- Home page where you can select videos and add you favorite ones.

![](./public/ss/home.png)

### Favorites

- Here you can see your favorited videos.

![](./public/ss/favoritos.png)

### Player

- Here you can watch the selected video.

![](./public/ss/player.png)

### 404 Page

- If you type an incorret address.

![](./public/ss/404.png)

## Some code that I'm proud of

```js

function Inicio(){

    const [videos, setVideos] = useState([]);

    useEffect(()=>{

        fetch("https://my-json-server.typicode.com/lucasbailo/cinetag-api-bailo/videos")

            .then(resposta => resposta.json())

            .then(dados => {

                setVideos(dados)

            })

    }, [])

    return(

        <>

            

            

                
Um lugar para guardar seus vídeos e filmes!

            

            

                {videos.map((video) => {

                    return 

                })}

            

        >

    )

}

```


## Built with

- REACT;

- CSS custom properties;

- JavaScript;

- Sweat and tears 😫.

## Test the project yourself: [Teste the project here!!!](https://cinetag-bailo.vercel.app/)

### You can:

- Choose between Routes;

- Click and see diferent videos;

- Add your favorite ones;

- Receive a 404 error message and come back to the previous page.

## Author

- Website - [My GitHub](https://github.com/lucasbailo)

- Frontend Mentor - [@lucasbailo](https://www.frontendmentor.io/profile/lucasbailo)

- Instagram - [@lucassbailo](https://www.instagram.com/lucassbailo/)

- LinkedIn - [Lucas Bailo](https://www.linkedin.com/in/lcsbailo)