Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
56 commits
Select commit Hold shift + click to select a range
a212a08
add create-react-app
Mar 5, 2021
edb3ffe
add publish github action
Mar 5, 2021
22a21a1
add yarn
Mar 5, 2021
ad81781
update homepage
Mar 5, 2021
4d640c0
update homepage
Mar 5, 2021
e57cd76
update homepage
Mar 5, 2021
a1722e1
update homepage
Mar 5, 2021
12c6db8
update homepage
Mar 5, 2021
c689da2
update app
Mar 5, 2021
bc4187a
create .env file
Mar 5, 2021
83aa516
remove unused files
Mar 5, 2021
7982cd8
install styled components
Mar 5, 2021
9f31a46
create GlobalStyles
Mar 5, 2021
b64b669
install react-router-dom
Mar 6, 2021
3d3a165
add code to absolute imports
Mar 6, 2021
3a7486b
delete App
Mar 6, 2021
870f3fb
create components Link List and Search
Mar 6, 2021
c198f3f
create Pages Album and Home
Mar 6, 2021
a247d97
install axios lib
Mar 6, 2021
98cd1cf
update enviroment variables
Mar 9, 2021
661e40f
install roboto font
Mar 9, 2021
f9a2d6b
call spotify api when page loads
Mar 9, 2021
a1c9bdc
add roboto to global styles
Mar 9, 2021
e9c6180
use App in index
Mar 9, 2021
eeeb6d8
create theme
Mar 9, 2021
bcc4dbd
add back and spotify svg
Mar 9, 2021
e8b54aa
create Album component
Mar 9, 2021
e89f247
create Gallery Component
Mar 9, 2021
cfc0b7a
create Link component
Mar 9, 2021
6dd1445
create Search component
Mar 9, 2021
50139b8
create Album page
Mar 9, 2021
4e0db95
create Home page
Mar 9, 2021
dc8d881
create service for login
Mar 9, 2021
623a842
remove List component
Mar 9, 2021
9391a5b
comment Routes
Mar 9, 2021
420739e
update back url
Mar 9, 2021
79419de
remove env variables
Mar 10, 2021
19c2e1b
remove router
Mar 10, 2021
31a7986
create millisToMinutesAndSeconds helper
Mar 10, 2021
a51e350
create searchContext
Mar 10, 2021
053b6ba
update pages and components
Mar 10, 2021
f0c1232
add tests to Album
Mar 11, 2021
90dae55
fix artist name
Mar 11, 2021
7813c67
install user-event
Mar 11, 2021
bcc9438
install user-event
Mar 11, 2021
f034e93
add tests
Mar 11, 2021
72618b3
fix tests and create mocks
Mar 12, 2021
6e2de4f
fix eslint
Mar 12, 2021
0eb723a
update readme
Mar 12, 2021
04617b0
add server example
Mar 12, 2021
da7c4ff
add loading component
Mar 12, 2021
14f8c48
update readme
Mar 12, 2021
dd7496b
fix spotify logo hover
Mar 12, 2021
7c15187
add loading to Home and Album page and fix tests
Mar 12, 2021
550797c
update readme
Mar 12, 2021
03a59c6
remove comments
Mar 12, 2021
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .env
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
REACT_APP_LOGIN_URL=https://spotify-api-bridge.herokuapp.com/login
23 changes: 23 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
41 changes: 37 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,38 @@
# Front-end Challenge
# Spotify App

* [React](https://github.com/grupo-xp/challenge/tree/master/react)
* [Angular](https://github.com/grupo-xp/challenge/tree/master/angular)
* [ES6](https://github.com/grupo-xp/challenge/tree/master/es6)
Aplicação em React que utiliza a API do spotify

### Requisitos

1. Ter o node instalado (npm)
2. A aplicação deve rodar na porta 3000

### Overview

A aplicação funciona de uma maneira bem simples. Ao carregar a página inicial,
uma requisição é feita para um serviço (https://spotify-api-bridge.herokuapp.com/login)
criado para logar e receber um access_token do Spotify. Esse serviço está hospedado no
heroku, mas o código fonte se encontra na arquivo (server.example.js). Feito isso, o token
é salvo no localStorage e a aplicação pode a partir de agora usar esse token para fazer
as buscas por albums e artistas na API do Spotify.

### Stack

1. [ReactJs](https://pt-br.reactjs.org/)
2. [React Router](https://reacttraining.com/react-router/web/guides/quick-start)
3. [Styled Components](https://styled-components.com/)
4. [Jest](https://jestjs.io/)
5. [React Testing Library](https://testing-library.com/)
6. [Webpack](https://webpack.js.org/)

### Executar aplicação para desenvolvimento local

```
npm run start
```

### Executar testes

```
npm run test
```
71 changes: 0 additions & 71 deletions angular/README.md

This file was deleted.

72 changes: 0 additions & 72 deletions es6/README.md

This file was deleted.

Binary file removed imgs/guide.jpg
Binary file not shown.
Binary file removed imgs/home_1.jpg
Binary file not shown.
Binary file removed imgs/home_2.jpg
Binary file not shown.
Binary file removed imgs/list.jpg
Binary file not shown.
6 changes: 6 additions & 0 deletions jsconfig.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"compilerOptions": {
"baseUrl": "src"
},
"include": ["src"]
}
Loading