mirrageelpho / youtubechallenge Goto Github PK

This is a Next.js project bootstrapped with create-next-app.

This project was been created with:

• NextJs -> used to build application.
• Next Auth -> used to implement Google Authentication.
• react-player-> to play vídeos
• styled-components -> to style application.
• context API -> to controll state.

What we can do on aplication?

• sign in with google account
• load a video list from youtube
• search a video
• play a video
• change theme, dark or ligh

First: you will need to access google console [https://console.cloud.google.com/apis/credentials?project=stormdesafio]to get a api key. this is necessary to get access a youtube api. End create a application to get GOOGLE_ID end GOOGLE_SECRET, this is to configure the Next-Auth to implement google login on application

Next

• clone this repository
• rename the file .env.exemple to .env.local
• open the file e chance the variables to keys and Id that you has been obtained on google platform

lets run project

npm install
npm run dev

Open http://localhost:3000 with your browser to see the result.