Giter Site home page Giter Site logo

favtab's Introduction

FavTab App 🎼

Este WebApp consiste em agilizar a criação de repertórios para músicos. Podendo criar playlists de músicas e vincular seus links de tablaturas, imagens e/ou cifras preferidas com uma boa visualização responsiva e rápido acesso.

image image image

Tecnologias Usadas

  • Vue3 + Quasar Framework (Typescript)
  • Java + Spring
  • MongoDB

Deploy

  • BACKEND: Netlify
  • FRONTEND: Render

Releases v1.0.0

[Usuário]

  • Fazer Login e Registrar no Sistema.
  • Permitir Criar, Visualizar, Editar e Remover Repertórios e Músicas além de poder vincular músicas já criadas nos repertórios.

[Serviço]

  • Criar serviço de recupearação de senha via email

Modelo de Banco de Dados

v1.0.0

  • image

favtab's People

Contributors

samuelvictorol avatar

Stargazers

 avatar

Watchers

 avatar

favtab's Issues

#CSU005 - [FRONT] Tela Criação de Repertórios e Músicas

[FRONTEND] FAVTAB Task

  • Permitir que ao usuário a criação de novos repertórios e criar e vincular musicas a eles

Geral

  • Criar Tela para criação de repertório contendo o nome e descrição da playlist e opção ser privada
  • Criar Tela para criação de musicas contendo nome e links utils relacionados às cifras, audio etc.
  • Integrar ao backend

Tasks Relacionadas:

#CSU002 - [BACK] Endpoints de acesso ao sistema

[BACKEND] FAVTAB Task

  • Criar endpoint para validação de login e registro de usuários salvando os dados no banco.

Geral

  • Criar Endpoint para validação de login
  • Criar Endpoint para criação e validação de registro de usuários
  • Criar Endpoint + Serviço "Esqueci minha Senha"

Login

  • Validar Login e Senha obrigatórios
  • Validar Login e senha do usuário
  • Retornar mensagem de sucesso no login, credenciais inválidas ou erro de conexão

Registrar

  • Validar Login, Email, Senha e Confirmação de Senha como obrigatórios
  • Validar existência de login ou email
  • Salvar usuário no banco
  • Retornar mensagem de sucesso no criação, credenciais já existente ou erro de conexão

Modelagem

User {
 "id": number,
 "login": string(30),
 "descricao":  string(200),
 "email":  string(200),
 "imgUrl": string(150),
},
Repertorio{
 "id": number,
 "titulo": string(30),
 "descricao":  string(200),
 "likes":  number,
 "privado": boolean,
 "createdBy": user
} ,
Musica {
 "id": number,
 "titulo": string(30),
 "descricao":  string(200),
 "links":  string[],
 "createdBy": user
}

Tasks Relacionadas:

#CSU004 - [BACKEND] Criação dos modelos Playlist e SongTab

[BACKEND] FAVTAB Task

  • Criar endpoint para criação de repertório (Playlists contendo Songs) vinculadas ao usuário

Geral

  • Criar Endpoint para criação de playlist
  • Criar Endpoint para criação de song e relacionar a respectiva playlist
  • Criar Endpoint para retornar as playlists do usuário

Modelagem

Song {
 "id": number,
 "nome": string(25),
 "played": boolean,
 "linkAudio":  string(50),
 "linkCifra": string(50),
 "playlistId": number
}
Playlist {
 "id": number,
 "nome": string(25),
 "private": boolean,
 "descricao": string(35),
 "avaliacao": number
}

#CSU001 - [FRONT] Criar tela de login ao sistema

[FRONTEND] FAVTAB Task

  • Criar layout de login e registro de usuários permitiando o acesso ao sistema FAVTAB

Geral

  • Criar formulário de login contendo Login e Senha
  • Criar formulário de registro de novo usuário com Login, Senha, Confirmação de Senha e Email
  • Integração com backend

Login

  • Validar Login e Senha obrigatórios
  • Guardar Login no Local/Session Storage
  • Redirecionar pra tela inicial
  • Caso login for inválido, mostrar mensagem de erro retornada do backend e retornar ao login

Registrar

  • Validar Login, Email, Senha e Confirmação de Senha como obrigatórios
  • Guardar usuário no banco de dados
  • Redirecionar pra tela inicial
  • Caso registro for inválido, mostrar mensagem de erro retornada do backend

Tasks Relacionadas:

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.