vendor list

An application used to show vendors with details, built with React,Webpack, Redux, JavaScript, and CSS.

Installation and Setup Instructions

Clone down this repository. You will need node and npm installed globally on your machine.

Installation:

npm install

To Run Test:

npm test

To Start Server:

npm start

To Visit App:

localhost:3000/vendor-list you can check the link in Mobile Mode for better user experience

To Lint npm run lint

Technologies

• this project bootstrapped manually and don't use CRA
• bundling with webpack
• use Sass and style-component for styling
• use React-Virtuoso for rendering list in virtual list
• use Redux-Toolkit for state management
• use Axios for handling async request
• use ApiInterceptor for handling query param and show errors
• use custom hook for fetching data from server
• use Eslint for identifying problematic patterns found in JavaScript code

UI features

• fetch data from server by scroll every time
• use skeleton loading
• use overlay for images