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
nvmrc
by runningnode -v
- Install
npm
globallynvm i -g npm
- Install
yarn
bynpm i yarn
- Install dependencies by running
yarn install
or simplyyarn
- Run the project
yarn dev
... and happy coding 😀🧑💻
- The tests are implemented using
react testing library
and 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
feature
approach for files and folders placing. Also, it follows the nearest place approach (picking the closest logical place to where the feature is being imported). FormatJS
is used to enable internationalized app.redux-toolkit
is used to manage the state.RTK Query
is used to achieve data fetching.- Opinionated
eslint
rules are used to enhance the quality of the codebase. - The babel plugin
babel-plugin-styled-components
is utilized to enhance the debugging experience.