rhatiro / aluratube

Projeto desenvolvido durante a 5ª edição da 'Imersão React' realizada pela Alura entre os dias 07 e 11 de novembro de 2022

Home Page:https://aluratube-rhatiro.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Índice

English version

Sobre

Projeto de aprendizado React desenvolvido durante a 5ª edição da 'Imersão React' com foco no framework Next.js realizada pela Alura entre os dias 07 e 11 de novembro de 2022.

AluraTube é inspirado na plataforma YouTube e tem como objetivo poder armazenar vídeos com conteúdos organizados por playlists novas ou já criadas previamente.

O design original pode ser consultado através deste link para o Figma.

Acrescentado posteriormente ao término das aulas:

  • Customização personalizada;
  • Visualização de thumbnail após adicionar URL do vídeo;
  • Campo de texto para criação de nova playlist;
  • Atualização automática da página e das playlists criadas após adicionar vídeo.

Captura de tela

Desenvolvido com

HTML5 CSS3 JavaScript

React NextJS StyledComponents

NodeJS NPM

supabase Vercel

VisualStudioCode Figma

Como contribuir ou executar localmente no terminal

  • Instale o Git e o Node.js no computador

  • Clone o projeto

$ https://github.com/rhatiro/aluratube.git
  • Instale as dependências

$ npm i

Table of contents

Versão em português

Overview

React learning project developed during the 5th edition of 'Imersão React' by Alura between November 7th and 11th, 2022 focusing on Next.js framework.

AluraTube is inspired by the YouTube platform and aims to store videos with content organized by new playlists or some other previously created.

The original design can be consulted through this link for Figma.

Added later to the end of classes:

  • Personalized customization;
  • Thumbnail preview after adding video URL;
  • Input to create new playlist;
  • Automatically update the page and created playlists after adding a video.

Screenshots

Built with

HTML5 CSS3 JavaScript

React NextJS StyledComponents

NodeJS NPM

supabase Vercel

VisualStudioCode Figma

How to contribute or run locally on terminal

  • Install Git and Node.js on computer

  • Clone the project

$ https://github.com/rhatiro/aluratube.git
  • Install the dependencies

$ npm i

About

Projeto desenvolvido durante a 5ª edição da 'Imersão React' realizada pela Alura entre os dias 07 e 11 de novembro de 2022

https://aluratube-rhatiro.vercel.app/


Languages

Language:JavaScript 100.0%