Scribd
Upload
65 views

Innoventes UI Programming Test 2023UIDP02

The programming exercise is to build a React app that fetches and displays GitHub repositories for a specified user from a provided starter app. The app should: 1. Display a form to enter a username and submit button to fetch repos. 2. Show an error if the username is invalid. 3. Disable the submit button until a username is entered and sort repos by descending size. 4. By default, exclude forked repos but include them if the "Include forks" box is checked. The finished solution code can be viewed at the provided link and should be submitted back via its CodeSandbox or Stackblitz URL. Solutions will be evaluated based on functionality, design, and

Uploaded by

Sujay Vadavadagi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
65 views

Innoventes UI Programming Test 2023UIDP02

The programming exercise is to build a React app that fetches and displays GitHub repositories for a specified user from a provided starter app. The app should: 1. Display a form to enter a username and submit button to fetch repos. 2. Show an error if the username is invalid. 3. Disable the submit button until a username is entered and sort repos by descending size. 4. By default, exclude forked repos but include them if the "Include forks" box is checked. The finished solution code can be viewed at the provided link and should be submitted back via its CodeSandbox or Stackblitz URL. Solutions will be evaluated based on functionality, design, and

Uploaded by

Sujay Vadavadagi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Test ID: 2023UIDP02

Problem Statement
The programming exercise to build a react app to list the repos of the specified github user from
the provided starter app

Fork codesandbox or stackblitz

Codesandbox link seems to give an error if the user is already logged into his/her github repo. In such a
case, logout, click the link and then log back in.

To fetch github repos, use the following endpoint:

https://api.github.com/users/<username>/repos

In the above url, <username> should be replaced with the appropriate username entered by the
user. The API expects the following content type to be accepted by the caller.

application/vnd.github.v3+json

Fields relevant to the exercise from the output are

1. Form submission

When the app is run, it should display the following:

When the user clicks Submit, a list of public repositories of the user should be displayed. For
example, if username spring is entered
Test ID: 2023UIDP02

2. Error handling

If the specified username is invalid, an error message should be displayed. For instance, if
nonexistentgithubrepo is a non-existent github account

3. Validation and ordering

Submit button should be grayed out/disabled by default. It should be enabled when the user
enters some username.

The repositories should be sorted by descending order of the size.

4. Filtering

By default, the app should exclude repositories that are forked (i.e. fork: true)

If the user checks the box Include forks, then the forked repositories should also be included in
the result.
Test ID: 2023UIDP02

Finished solution
View here

How to submit

Share the url/link to your CodeSandbox or Stackblitz fork/solution to [email protected].


Note that solutions shared via zip files or any other means will not be accepted.

Evaluation Criteria
The solution will be evaluated based on the following criteria
● Functionality - does the application work as expected
● Design - how the application is designed
● Programming - features of the language and framework used

You might also like