lcastrof/raro-class

Projeto final desenvolvido no curso de React da Raro Academy, que consiste em uma plataforma web para facilitar o consumo das aulas do curso

Sumário

1. 💻 Sobre o projeto
2. 🎨 Layout
3. 🛠 Linguagens e Ferramentas
4. 📦 Como executar o projeto
• Pré-Requisitos
• Instalando
• Inicie a aplicação
5. 🚀 Futuras Features
6. 💻 < Desenvolvedores />
7. 💙 Agradecimentos

---

💻 Sobre o projeto

A Raro Class é uma plataforma digital onde ficam disponibilizadas as aulas gravadas pela Raro Academy, de forma online e com um ambiente agradável para o aluno.

O aluno matriculado na Raro Academy pode assistir a estas aulas gravadas quando e onde quiser!

• O aluno pode se cadastrar na Raro Class com:

  • seu e-mail
  • senha
  • e o código da turma - que irá receber após a sua matrícula na Raro Academy.

• O aluno autenticado na Raro Class poderá:

  • assistir as aulas gravadas (aulas do curso, monitoria e aula pública/aulão da Raro)
  • filtrá-las por semana
  • favoritá-las
  • e fazer comentários na vídeo aula

Também há a possibilidade dos visitantes do site Raro Class assistirem às aulas de forma online e terem aquele gostinho de experienciar uma aula com a Raro Academy!

Estas aulas são chamadas de aulas públicas, disponibilizadas pela Raro Academy na página inicial - aulas apelidadas carinhosamente de “Aulão da Raro”.

▲ Topo do site

---

🎨 Layout

O layout da aplicação está disponível no Figma:

Website

▲ Topo do site

---

🛠 Linguagens e ferramentas

React JS

TypeScript

Git

GitHub

🐶 husky

Eslint

React Router

Axios

Zustand

Styled Components

CSS 3

HTML 5

Figma

▲ Topo do site

---

📦 Como executar o projeto

Pré-requisitos

Antes de começar, você precisa ter instalado:

• Node.js
• VsCode ou um editor de sua preferência.

Instalando

# Clone este repositório
$ git clone https://github.com/rarolabs/raro-academy-react-grupo-5

# Acesse a pasta pelo terminal
$ cd raro-academy-react-grupo-5

# Instale as dependências
$ npm install

Inicie a aplicação

$ npm start

# A aplicação será aberta no link http://localhost:3000

▲ Topo do site

---

🚀 Futuras Features

• Site em geral:

  • responsividade Web em todo o site;
  • responsividade Mobile;
  • receber outros cursos na plataforma;
  • links ancorados na página inicial levando e alinhando aos aulões do curso escolhido;

• Aluno:

  • Página inicial:
    • filtro por data nas aulas do curso;
    • filtro nas aulas de monitoria;
    • mostrar indicador da quantidade de vídeos na navegação horizontal;
  • Dropdown do avatar:
    • gerenciar perfil (nome, foto e senha);
    • acesso ao cronograma da aula;
    • trocar de área de curso, se matriculado;
  • Página de visualização:
    • poder editar e excluir o comentário;

Acompanhe a lista das [issues abertas](https://github.com/rarolabs/raro-academy-react-grupo-5/issues).

▲ Topo do site

---

💻 < Desenvolvedores />

Projeto desenvolvido com carinho no final do Curso de React JS_2022, pelo grupo "Na minha máquina funciona", composto pelos alunos:

Denis Gomes

Evanildo Silva

Francielle Zucolota

Lucas Castro

▲ Topo do site

---

💙 Agradecimentos

Agradecemos a Raro Labs pela iniciativa da Raro Academy.

O nosso muito obrigado a toda Raro Academy por todo o suporte, atenção e momentos de discontração nestas 10 semanas sobre o curso React JS no ano de 2022.

Agradecimentos especiais a todos os professores, monitores, envolvidos e colegas de classe.

Somos gratos a toda experiência com a Raro Academy e finalizamos este curso com mais consciência para continuar melhorando como profissionais e como pessoas.

Obrigado por todo o conhecimento compartilhado!

▲ Topo do site