This is a simple market app that fetches live data with many e-stores features like sorting, filtering, and pagination.
- Install NVM
- Clone the project
https://github.com/hazemalabiad/market-fe.git && cd market-fe - Install node
nvm install && nvm use - Check the running node version against the expected one in
nvmrcby runningnode -v - Install
npmgloballynvm i -g npm - Install
yarnbynpm i yarn - Install dependencies by running
yarn installor simplyyarn - Run the project
yarn dev... and happy coding 😀🧑💻
- The tests are implemented using
react testing libraryand run byvitest - Run the test suits
yarn test - Check the test coverage
yarn coverage
- The BE server is deployed on https://github.com/hazemalabiad/market-be as a strand-alone app.
- The project follows the
featureapproach for files and folders placing. Also, it follows the nearest place approach (picking the closest logical place to where the feature is being imported). FormatJSis used to enable internationalized app.redux-toolkitis used to manage the state.RTK Queryis used to achieve data fetching.- Opinionated
eslintrules are used to enhance the quality of the codebase. - The babel plugin
babel-plugin-styled-componentsis utilized to enhance the debugging experience.