Movatterモバイル変換


[0]ホーム

URL:


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

A react project with redux, typescript and several libraries. It uses last.fm API

License

NotificationsYou must be signed in to change notification settings

fernandorovitto/phonola-last.fm

Repository files navigation

This a demo using multiple libraries:

  • React 16.13.1
  • Typescript 4
  • Redux 4
  • Redux Router 5.2.0
  • connected-react-router
  • Styled-Components 5.1.1

Testing tools:

  • Jest + Enzyme
  • Eslint (with Typescript)

Tools:

  • Webpack 4

Extras:

  • typesafe-actions
  • axios

This project is intended as a demo for testing and exploration of new libraries and possibilities.

Setup

Needs npm:https://www.npmjs.com/get-npm

Create your own account from last.fm

Link:https://www.last.fm/api/account/create

Use your API_KEY to complete the config file: src\config\config.ts

Install dependencies

npm i

Serve at localhost:8080

npm run start

Build for production

npm run build

For unitary testing

npm run test

For unitary testing coverage report

npm run test:cov

To run linter

npm run lint

Possible next steps

  • Last.fm user login implementation
  • Improve design
  • Complete coverage of unit testing
  • Components refactor & reutilization
  • Improve styled-components styles management
  • Use global theme for styles
  • Create interfaces for the incomming API responses
  • Add more information to main views

[8]ページ先頭

©2009-2025 Movatter.jp