Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Documentação

Matheus Gabriel Santos Silva edited this page Oct 12, 2024 · 2 revisions

Índice

  1. Tech
    • Frontend
    • Backend
    • Autenticação
    • APIs Externas
    • Ferramentas e DevOps
  2. Bibliotecas
  3. APIs
  4. Autenticação (Auth)
  5. Documentação dos Scripts

Tech

Frontend

  • HTML5 - Estrutura de marcação das páginas, responsável por definir a organização dos elementos da interface do Astro.
  • CSS3 - Utilizado para estilização, criando um design responsivo e adaptável, com animações e efeitos visuais, aplicando temas claros e escuros de forma fluida.
  • JavaScript (ES6) - Linguagem de programação principal no frontend, responsável pela interatividade do usuário, manipulação do DOM e integração com APIs externas como a do Spotify e Genius.
  • Webpack - Ferramenta de empacotamento de módulos que otimiza e gerencia dependências JavaScript, CSS e outros assets, melhorando o desempenho da aplicação.

Backend

  • Spring Boot - Framework Java utilizado para criar a aplicação backend do Astro, facilitando a construção de APIs RESTful que integram o frontend às funcionalidades do sistema.
  • Spring Security - Utilizado para implementar autenticação e autorização, garantindo que os dados dos usuários estejam protegidos e que o acesso ao sistema seja seguro.
  • SQL (MySQL) - Banco de dados relacional utilizado para armazenar informações de usuários, playlists, músicas e histórico de reprodução. A modelagem de dados é estruturada com tabelas e relações bem definidas.
  • JPA/Hibernate - Utilizados para o mapeamento objeto-relacional (ORM), facilitando a interação entre o Spring Boot e o banco de dados SQL, permitindo a criação de queries complexas de forma eficiente.

Autenticação

  • OAuth 2.0 - Protocolo de autorização utilizado para integrar logins via Google e Facebook, garantindo a autenticação segura e protegendo os dados do usuário.
  • JWT (JSON Web Tokens) - Utilizado para gerar tokens de autenticação, que mantêm o estado de login e garantem a segurança em cada sessão de usuário.

Ferramentas e DevOps

  • Git - Controle de versão utilizado para gerenciar o código-fonte, colaborar com outros desenvolvedores e manter um histórico claro de mudanças.

Bibliotecas

  • cssanimation.io - Animações CSS prontas para usar, com várias opções de efeitos de transição, fades e interações visuais.
  • Flaticon - Repositório de ícones gratuitos em diversos estilos, utilizados para os elementos visuais da interface do Astro.
  • Google Fonts - Conjunto de fontes tipográficas web-friendly, utilizado para garantir legibilidade e estética tipográfica.
  • Material Symbols - Coleção de ícones do Google, que segue o estilo Material Design, utilizado para criar uma experiência de usuário moderna e intuitiva.

APIs

  • Driver.js - Biblioteca que permite a criação de tours interativos para orientar os usuários pelo sistema, destacando elementos da interface.
  • Spotify API - API utilizada para integrar o reprodutor de músicas do Astro ao catálogo do Spotify, permitindo reprodução e pesquisa de músicas.
  • Wikipedia API - API utilizada para obter informações detalhadas sobre artistas, álbuns e outros dados relacionados ao conteúdo musical.
  • Genius API - Integração para buscar letras de músicas e metadados diretamente da base de dados do Genius.
  • Songkick API - API que fornece dados sobre shows e turnês, permitindo que o Astro informe o usuário sobre eventos relacionados aos artistas que ele escuta.
  • EchoNest API - (Descontinuada, integrada ao Spotify API) - Análise musical e dados avançados sobre características de músicas, como tempo, energia e tonalidade.
  • Pace.js - Biblioteca de carregamento visual que exibe animações enquanto os conteúdos do Astro, como músicas e letras, estão sendo carregados.

Autenticação (Auth)

  • Google OAuth - Implementa o login de usuários através de suas contas Google, garantindo segurança e facilidade de acesso.
  • Facebook OAuth - Permite login via Facebook, adicionando mais uma opção de autenticação para os usuários do Astro.

Documentação dos Scripts

  • Scripts JavaScript - Documentação detalhada sobre os scripts JavaScript usados no frontend, incluindo a manipulação do DOM, integração com APIs e controle de eventos.
  • Scripts Java (Spring Boot) - Documentação do backend desenvolvido com Spring Boot, detalhando endpoints da API, segurança com Spring Security, persistência de dados com JPA e SQL.

Clone this wiki locally

AltStyle によって変換されたページ (->オリジナル) /