Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/manuelgeek/deezer-vite-react-ts
A deezer like app in react and ts with vite
https://github.com/manuelgeek/deezer-vite-react-ts
Last synced: about 6 hours ago
JSON representation
A deezer like app in react and ts with vite
- Host: GitHub
- URL: https://github.com/manuelgeek/deezer-vite-react-ts
- Owner: manuelgeek
- Created: 2022-08-18T21:44:34.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-08-19T14:16:36.000Z (about 2 years ago)
- Last Synced: 2024-04-24T02:42:37.431Z (7 months ago)
- Language: TypeScript
- Size: 154 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Deezer React Application
> A React app created with vite, using TS, Tailwindcss, React, Redux; Jest testing
>
> Link: [https://deezer-vite-react.herokuapp.com/](https://deezer-vite-react.herokuapp.com/)
>
> 
## Set up
```bash
# install dependencies
yarn install
# dev command
yarn dev
#or
vite
# testing
yarn test
#or
vitest
# update snapshot
yarn test -u
```
## Tools used
- Vite
- React
- TypeScript
- Vitest for test with jest
- Redux for store
- Tailwindcss
- Eslint
- Prettier
- Husky for pre-commit hooks
- Github actions for CI/CD , Heroku Deploy
## Features done
- Search Artists
- List artis results
- Infinite scroll for searched artists
- Clear search field
- Keep Search Term in store
- Display list of search artists
- Single artist view with fans, top tracks
### Dev
Hosted on heroku through Github Actions, trigger is done on `main` branch for demo purposes, an Ideal development environment will have different dedicated branches
Github actions used for Running Tests and Lints
I've also use pre commit hooks to prevent un formatted code from being pushed upstream
.env file is commited for ease of testing, not ideal in normal developments