https://hypercare-yint.vercel.app/
- Frontend: React (Vite), Axios
- Unit Test: Jest, react-testing-library
- Snapshot Test: Jest, react-testing-library
- Integration Test (e2e): Cypress
- Test Coverage: Istanbul (Jest)
- Styling: Tailwind CSS
- Commit Standards: Commitizen + Emojis
100% Covered - Test coverage report generated by Istanbul (Jest).
-
Fake Delay: There is a simulated 2-second delay added to display the loading state UI (skeleton cards) for a better user experience. This delay is implemented to mimic real-world scenarios where data fetching might take some time.
-
In-Memory Pagination: Since the API does not support pagination, an in-memory pagination approach is used. The
View More
button fetches all the data at once, and pagination is managed locally to display a limited number of elements at a time. -
Data Fetching: Due to the large dataset (2000 elements) returned by the API, data fetching is performed only once during the initial load. Subsequent actions such as viewing user details or paginating through the data are managed in memory without additional API calls.
These considerations are important for understanding the behavior of the application and its limitations when working with real-world data and API integrations.
Follow these instructions to run the project locally on your machine:
-
Clone the repository:
git clone https://github.com/codedavinci/hypercare.git
-
Install dependencies:
cd hypercare yarn install
-
Run the development server:
yarn dev
Use the following commands to run different types of tests:
-
Unit tests:
yarn test
-
Watch mode for unit tests:
yarn test-watch
-
End-to-end (e2e) tests with Cypress:
yarn e2e-test
This project is licensed under the MIT License.