This project is part of the FifthLab Frontend Developer Assessment, aimed at testing proficiency in frontend development using React, JavaScript/TypeScript, Axios, and Jest/Mocha. The goal is to replicate a web page design, make it responsive, consume APIs, and write unit tests.
The replicated website and my submission can be found here.
- React
- JavaScript/TypeScript
- Axios
- Jest (for unit testing)
- TailwindCSS
- A fully responsive, replicated design of the provided webpage
- Full Responsiveness responsive for all screen sizes
- Consumed the Random User API from randomuser.me
- Implement functionality for user search, filter by gender, download users, filter by country, and pagination
- Write unit tests for the API call success case and error case
-
Clone the repository:
git clone https://github.com/mxnuchim/FifthLab_Test.git
-
Navigate to the project directory:
cd FifthLab_Test
-
Install dependencies:
npm install #or yarn install
-
Run the application:
npm run dev # or yarn dev
-
Open your browser and visit http://localhost:5173/ to view the application.
To run unit tests, use the following command:
npm run test
# or
yarn test
The project is deployed using Vercel at Deployment Link.