Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/coelhoreinaldo/trybetunes

Trybetunes is a React-based project that allows users to search for and listen to music previews, add tracks to favorites, create a personal playlist, and set preferences. The app offers a user-friendly interface and supports various music genres.
https://github.com/coelhoreinaldo/trybetunes

css html javascript react react-router

Last synced: 27 days ago
JSON representation

Host: GitHub
URL: https://github.com/coelhoreinaldo/trybetunes
Owner: coelhoreinaldo
Created: 2023-03-15T19:10:36.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2023-03-26T19:10:25.000Z (almost 2 years ago)
Last Synced: 2024-10-25T01:26:51.911Z (3 months ago)
Topics: css, html, javascript, react, react-router
Language: JavaScript
Homepage: https://coelhoreinaldo.github.io/trybetunes/
Size: 3.21 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 🎧 Trybetunes

trybetunes página inicial

## 📘 Sobre

Uma aplicação em que consumo a API do iTunes e renderizo alguns elementos na tela usando React.js.

## 🧩 Funcionalidades

- Logar na aplicação através de um nome de usuário;
- Pesquisar por uma banda ou artista;
- Visualizar os albums disponíveis;
- Acessar as músicas de determinado album;
- Ouvir uma prévia da música;
- Adicionar uma música aos favoritos;
- Acessar suas músicas favoritas;
- Editar seu perfil.

Acesse [aqui](https://coelhoreinaldo.github.io/trybetunes).

## ⚛️ Ferramentas

Projeto construído utilizando React.js.

- React Router;
- Requisição de API em React;
- States;
- Props;
- Forms em React;
- Metodologia TDD (Test Driven Development).
- Mobile First;

## 🛠️ Como executar o projeto?

1. Instalando dependências

`npm install`

2. Executando a aplicação

`npm start`

## 📝 Nota

nota final