navdeepsingh / reactjs-ts-app

Home Page:github-issues-comments.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tasks

1. Transforming the data

Open ./src/api/github-events.api.ts and transform the result into required data structure.

2. Submitting data with a form

Open ./src/app.tsx and add a form with a user and a repo text field, and a submit button.

Modify the code, so that the events returned by ./src/api/github-events.api.ts reflects what has been submitted through the form, i.e. microsoft should be replaced by the value of the user field, and TypeScript should be replaced by the value of the repo field.

3. Rendering a nice user experience

Open the comp at https://www.sketch.com/s/f40d714d-b01d-4bdd-8099-e89386416560 and start changing the code in ./src/app.tsx to be as close as possible to the comp.

Available Scripts

In the project directory, you can run:

npm install

Installs the project dependencies. A prerequisite for tasks below.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

About

github-issues-comments.vercel.app


Languages

Language:TypeScript 87.9%Language:HTML 12.1%