/sample

React/Redux/Firebase project with small codebase. Sole purpose of this repo is being code sample. Feel free to propose changes etc.

Primary LanguageJavaScript

Last.fm navigator [work in progress]

Deployed App URL: https://budimir-sample.firebaseapp.com

Last.fm navigator sample.
It is but a simple artist navigator, build with React/Redux.
Backend uses Firebase for auth and its RealtimeDB for saving user-specific data.
It's been bootstrapped using create-react-app.

Optionally, local server (NodeJS) & DB (MongoDB) might be added later.

Usage


Commands:

  • yarn or npm install to install dependencies
  • yarn start or npm run start to start project locally
  • yarn test or npm run test to run Jest unit tests
  • yarn test:coverage or npm run test:coverage to check for test coverage on project
  • yarn storybook or npm run storybook to run Storybook dev environment
  • yarn pre-commit or npm run pre-commit to run pre-commit hook
  • yarn build or npm run build to build production version
  • yarn deploy or npm run deploy to deploy project fully on Firebase hosting
  • yarn deploy:host or npm run deploy:host to deploy build folder to Firebase hosting
Notes:
  • Project can be modified to use external module, such as react-redux-firebase if codebase will grow.
TODO list:
  • Fix favorite action
  • Organize findArtist(), fetchArtist() and setArtist() functions better
  • Drop classes for functional components & recompose/hooks
  • Integrate styled-components v5
  • Reorganize folder structure
  • Add redux-saga and finish missing logic
  • Add memoization when applicable (selectors, effects)
  • Add proper typechecking/test/storybook coverage [in progress]
  • Deploy to custom host and integrate CI/CD optional