Pharma Inc. is a unicorn company that manages over 1 billion of public and private medical data, and, sooner or late, it expects to reach the moon.
Access the link here
In this project I was challenged to create a web app that interacts with the Random User API and helps users find patient's medical information.
The challenged needed to be completed within 5 days, but I managed to do it in 3 days, covering all the test cases in the application.
- Follow the proposed UI design
- Fetch user, add route pagination to allow link sharing
- Allow users to search the results based on
username
andcountry
- Allow sorting the results by
full name
andgender
- Implement
unit
andintegration
tests (currently thetest coverage is at 84.5%
)
- React.js (CRA) + Typescript + Ant Design
- Continous Delivey pipeline with Netlify, and Continuous Integration pipeline with GitHub Actions
- Git Workflow
- Jest + React Testing Library - For testing
- SASS modules
- Git Commit Message Convention
- ESlint + Prettier
- Commit lint + Lint Staged
- Netlify
git clone <repository> codechallenge-frontend-react
cd codechallenge-frontend-react
npm i
npm run dev
For testing (before pushing, it will automatically run the tests):
npm run test
There is no env
to be set. However, and if you would like to, you can change some of the configurations in /src/config
.