- Develop a simple web app using [DELETE NON-APPLICABLE] React & TypeScript / React / VanillaJS
- You have full freedom over the styling of your app and while this is not as important to your overall score as functionality and code conventions we would expect your app to be responsive and follow best CSS practices (e.g. BEM naming conventions)
- App.tsx currently imports dummy json data - you MUST use data returned from an api call in your final submission, rather than this data.
To fire up the project run npm install
and then npm run start
in the root directory
[DELETE NON-APPLICABLE]
- Create at least two separate pages:
- Home page with ~10 items displayed
- Individual page to show info on each item, accessed by clicking on an item on the home page
- Use of at least 3 separate front-end components to display data (you may edit and use the existing
Card
component butApp
does not count ๐ ) - Integrate with one of the APIs listed below to retrieve data using a GET request (any method of implementation is allowed)
- Push to a repo on github/gitlab with properly labelled commits
- Create at least two separate pages:
- Home page with ~10 items displayed
- Individual page to show info on each item, accessed by clicking on an item on the home page
- Use of at least 3 separate front-end components to display data (you may edit and use the existing
Card
component butApp
does not count ๐ ) - Integrate with one of the APIs listed below to retrieve data using an authenticated GET request (any method of implementation is allowed)
- Include a search component using queries to filter results
- Apply atomic design priniciples to the app structure
- Setup linting config and apply to your repo
- Push to a repo on github/gitlab with properly labelled commits
- Create at least two separate pages:
- Home page with ~10 items displayed
- Individual page to show info on each item, accessed by clicking on an item on the home page
- Use of at least 3 separate front-end components to display data (you may edit and use the existing
Card
component butApp
does not count ๐ ) - Integrate with one of the APIs listed below to retrieve data using an authenticated GET request (any method of implementation is allowed)
- Include a search component using queries to filter results
- Apply atomic design priniciples to the app structure
- Setup linting config and apply to your repo
- Implement performant code and comment to show where you have made improvements or tested your output
- Keep the size of your built repo as small as possible
- Push to a repo on github/gitlab with properly labelled commits