|
1 |
| -# :construction: README customizado em construção ! :construction: |
2 |
| -<!-- Olá, Tryber! |
3 |
| -Esse é apenas um arquivo inicial para o README do seu projeto no qual você pode customizar e reutilizar todas as vezes que for executar o trybe-publisher. |
4 |
| -
|
5 |
| -Para deixá-lo com a sua cara, basta alterar o seguinte arquivo da sua máquina: ~/.student-repo-publisher/custom/_NEW_README.md |
6 |
| -
|
7 |
| -É essencial que você preencha esse documento por conta própria, ok? |
8 |
| -Não deixe de usar nossas dicas de escrita de README de projetos, e deixe sua criatividade brilhar! |
9 |
| -:warning: IMPORTANTE: você precisa deixar nítido: |
10 |
| -- quais arquivos/pastas foram desenvolvidos por você; |
11 |
| -- quais arquivos/pastas foram desenvolvidos por outra pessoa estudante; |
12 |
| -- quais arquivos/pastas foram desenvolvidos pela Trybe. |
13 |
| ---> |
| 1 | +<p align="center"> |
| 2 | + <a href="" rel="noopener"> |
| 3 | + <img width=200px height=200px src="https://media4.giphy.com/media/yZ9unuhuUemYvoeQaR/giphy.gif" alt="Project logo"></a> |
| 4 | +</p> |
| 5 | + |
| 6 | +<h3 align="center">LafaTunes - App de músicas</h3> |
| 7 | + |
| 8 | +<div align="center"> |
| 9 | + |
| 10 | +<p align="center"> |
| 11 | + <a href="https://github.com/LafaDev/lafatunes/stargazers"><img src="https://img.shields.io/github/stars/LafaDev/lafatunes?color=ffd5cd&style=for-the-badge&logo=starship"></a> |
| 12 | + <a href="https://github.com/LafaDev/my-chef/commits/main"><img src="https://img.shields.io/github/commits-difference/LafaDev/lafatunes?base=6343ad&head=4b0dF82&color=d35d6e&style=for-the-badge&logo=codecov"></a> |
| 13 | +</p> |
| 14 | + |
| 15 | + |
| 16 | + |
| 17 | +</div> |
| 18 | + |
| 19 | +--- |
| 20 | + |
| 21 | +<p align="center"> WebApp responsivo criado em React. |
| 22 | + <br> |
| 23 | +</p> |
| 24 | + |
| 25 | +<br> |
| 26 | + |
| 27 | +## 📝 Links |
| 28 | + |
| 29 | +- [Sobre](#about) |
| 30 | +- [Features](#feats) |
| 31 | +- [Tecnologias usadas](#built_using) |
| 32 | + |
| 33 | +<br> |
| 34 | + |
| 35 | +# Sobre o projeto <a name = "about"></a> |
| 36 | + |
| 37 | +O projeto foi realizado ao longo de uma semanas, durante o curso de Desenvolvimento Web da [Trybe](https://www.betrybe.com). <br> |
| 38 | +<br>O aplicativo consiste em um sistema que permite pesquisar e listar álbuns e músicas de bandas e artistas, além de ser possível executar o preview e favoritar músicas. <br> <br> |
| 39 | +Foi utilizada a iTunes Search API da apple para obter informações das músicas e artistas, bem como suas respectivas mídias. |
| 40 | + |
| 41 | +<br> |
| 42 | + |
| 43 | +## 🏁 Features <a name = "feats"></a> |
| 44 | + |
| 45 | +O aplicativo contém uma simulação simples de página de login, onde o usuário deve preencher seu nome que será armazenado no localstorage e usado no restante do site. <br> |
| 46 | +<br> Dentro do aplicativo o usuário tem acesso aos seus favoritos, com a capacidade de excluir musicas dessa lista, e escutar as previews. A lista de músicas favoritas é salva no localstorage, e não sumirá caso o usuário feche o site.<br> |
| 47 | + |
| 48 | +Na página principal o usuário pode fazer pesquisa pelo nome do artista, que retornará uma lista de albums. Uma página é gerada individualmente para cada album, contendo uma lista de músicas. <br> |
| 49 | + |
| 50 | +A aplicação não contem uma base da dados real de usuarios, e nenhum dado pessoal será salvo. |
| 51 | +<br> <br> |
| 52 | + |
| 53 | + |
| 54 | +# ⛏️ Tecnologias <a name = "built_using"></a> |
| 55 | +- [React.js](https://www.mongodb.com/) - JavaScript Framework |
| 56 | + - React Hooks |
| 57 | + - React Router |
| 58 | + - Lifecycle Methods |
| 59 | + |
0 commit comments