{"id":28989739,"url":"https://github.com/brunoschmitz4/vibesync-web","last_synced_at":"2026-04-12T03:35:11.317Z","repository":{"id":299125707,"uuid":"1002140033","full_name":"BrunoSchmitz4/VibeSync-Web","owner":"BrunoSchmitz4","description":"VibeSync é uma aplicação web que permite a criação de playlists personalizadas com base em emoções, palavras-chave e preferências musicais. Com integração à **API do Spotify**, o sistema sugere músicas que combinam com o momento do usuário, tornando a descoberta musical mais intuitiva e divertida.  ","archived":false,"fork":false,"pushed_at":"2025-06-23T20:17:06.000Z","size":562,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-23T21:28:42.296Z","etag":null,"topics":["bulma-css","css3","expressjs","firebase","hmtl5","jquery","js","jsx","reactjs","spotify-web-api"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BrunoSchmitz4.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-14T19:56:42.000Z","updated_at":"2025-06-23T20:17:10.000Z","dependencies_parsed_at":"2025-06-14T20:45:27.209Z","dependency_job_id":"c6429042-f36c-41ea-b3ca-c8522b40de89","html_url":"https://github.com/BrunoSchmitz4/VibeSync-Web","commit_stats":null,"previous_names":["brunoschmitz4/vibesync-web"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/BrunoSchmitz4/VibeSync-Web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoSchmitz4%2FVibeSync-Web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoSchmitz4%2FVibeSync-Web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoSchmitz4%2FVibeSync-Web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoSchmitz4%2FVibeSync-Web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BrunoSchmitz4","download_url":"https://codeload.github.com/BrunoSchmitz4/VibeSync-Web/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoSchmitz4%2FVibeSync-Web/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261777352,"owners_count":23208112,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bulma-css","css3","expressjs","firebase","hmtl5","jquery","js","jsx","reactjs","spotify-web-api"],"created_at":"2025-06-25T00:00:51.501Z","updated_at":"2026-04-12T03:35:11.310Z","avatar_url":"https://github.com/BrunoSchmitz4.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 id=\"Título-e-Imagem-de-capa\" align=\"center\"\u003e🎵 VibeSync – Enriquecendo sua Mixtape Diária do Spotify ;) \u003c/h1\u003e\n\n![Capa do projeto](https://github.com/user-attachments/assets/9dca02c8-2fc0-47ee-af17-214208883c8e)\n\n\n# Sobre o Projeto\n\n\u003ch4 align=\"center\"\u003e \n\t:construction:  Projeto em construção  :construction:\n\u003c/h4\u003e\n\n![Badge em Desenvolvimento](http://img.shields.io/static/v1?label=STATUS\u0026message=EM%20DESENVOLVIMENTO\u0026color=GREEN\u0026style=for-the-badge)  ![Badge licença mit](http://img.shields.io/static/v1?label=LICENÇA\u0026message=MIT\u0026color=PINK\u0026style=for-the-badge)\n\n\n**VibeSync** é uma aplicação web que permite a criação de playlists personalizadas com base em emoções, palavras-chave e preferências musicais. Com integração à **API do Spotify**, o sistema sugere músicas que combinam com o momento do usuário, tornando a descoberta musical mais intuitiva e divertida.  \n\n// Pontuação de Acessibilidade VibeSync:\nHome - 100\nDashboard - 93 (Contraste ausente)\nCriador - 87 (Selects sem Labels linkados)\nDescoberta - 100\nMinhas Playlists - 93 (Contraste ausente)\nMarketplace - 99 (Alt nas imagens ausente)\nConfigurações - 93 (Selects sem Labels linkados)\n\n\n# :hammer: Funcionalidades do projeto\n- `Busca Inteligente` – Gere playlists com base em sentimentos, atividades ou palavras-chave.  \n- `Autenticação via Spotify` – Acesse sua biblioteca de músicas e playlists.  \n- `Recomendações Personalizadas` – Sugestões de músicas com base no histórico do usuário.  \n- `Editor de Playlists` – Organize e personalize suas listas musicais de maneira intuitiva.\n- `Modo Descoberta` – Explore novos artistas e músicas recomendadas.  \n\n# Tecnologias Usadas\n\u003ch3\u003eTecnologias Front-End\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eReact JS - Framework base da aplicação\u003c/li\u003e\n  \u003cli\u003eHTML5 - Exibir as pages e os componentes das routes\u003c/li\u003e\n  \u003cli\u003eCSS3 - Auxiliar no desenvolvimento responsivo\u003c/li\u003e\n  \u003cli\u003eJSX - Implementar os componentes e páginas\u003c/li\u003e\n  \u003cli\u003eBulma JS - Auxiliar no desenvolvimento de componentes\u003c/li\u003e\n  \u003cli\u003eAnimate CSS - Dar um ✨ tchan ✨ no projeto\u003c/li\u003e\n  \u003cli\u003eJQuery - Mnipulação do DOM (com JSX)\u003c/li\u003e\n  \u003cli\u003eJavascript - Tá ai né...\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3\u003eVersionamento\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eGit - Impedir que o desenvolvedor faça suas playlists virarem \"Teste da Silva\" (denovo)\u003c/li\u003e\n  \u003cli\u003eGithub - Controle de Versionamento\u003c/li\u003e\n  \u003cli\u003eGithub Desktop - Facilitar o versionamento\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3\u003eAPIs\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eSpotify API Web - Auth e manipulação de playlists\u003c/li\u003e\n  \u003cli\u003eFirebase - Simulação de banco de dados e armazenamento de preferências.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3\u003ePrototipação e Design UX/UI\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eFigma ❤️\u003c/li\u003e\n\u003c/ul\u003e\n\n\n# Design  \n### **UI/UX**  \n- 🎭 **Paleta de cores**: Tons suaves de **grafite, verde e branco**, com aspecto **neon** e dark mode ativado por padrão.  \n- 🖋 **Tipografia**: **Poppins** e **Montserrat**.  \n- 🎨 **Padrão de Design**: **Material Design** para uma interface moderna e intuitiva.  \n- 📐 **Ferramentas de prototipação**: **Figma** para criação de wireframes e interface.\n\n# Como Executar o Projeto\n\n### **Pré-requisitos**\nObs: ainda não é possível executar o projeto, devido o back-end ainda não ter sido versionado. Em breve será disponibilizado.\n- Instale o **Node JS** e o **Git**\n\n- Clone o repositório do projeto:\n```bash\nhttps://github.com/BrunoSchmitz4/VibeSync-Web.git\n```\nAcesse o diretório do projeto:\n```bash\ncd VibeSync\n```\nInstale as dependências:\n```bash\nnpm install\n```\nInicie o servidor:\n```bash\nnpm start\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrunoschmitz4%2Fvibesync-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrunoschmitz4%2Fvibesync-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrunoschmitz4%2Fvibesync-web/lists"}