OpenMRS

React-1: Create a react application and upload to GitHub

This will be a set of tasks to develop a minimalized React Application.

  1. Install the Node.js, NPM in your environment
  2. Create a react application using create-react-app (See facebook/create-react-app)
  3. Change the content of the package.json with your preferences as follows
    • name: give a fantastic name :-)
    • version : 0.1.0
    • description: Give a one-line description
    • repository: Your repository URL
  4. Commit(commit message: [GCI-<your-gci-id>] message) the code, and push this code to your GitHub Repository
  5. Create a new branch in your local codebase (git checkout -b )
  6. Change these contents in your local codebase
    • Change the HTML title to "GCI-2019-REACT-APP- "
    • Create a folder called "assets/img" inside the src folder. Then download a GCI logo (as PNG/JPEG), and put it inside the assets/img folder.
    • Go to src/app.js, and change that image with downloaded GCI logo
    • Go to src/app.js and edit the "Welcome" message, with "Welcome to Google Code-in 2019"
  7. Run your program, and take a screenshot of the browser view
  8. Commit your changes(commit message: [GCI-<your-gci-id>] message) to a that created branch and push that branch to your GitHub.
  9. Finally, create a PR from the newly pushed branch to your master branch.

Before making a commit

  • commit message should be: [GCI-<your-gci-id>] message, Otherwise we will not accept your task.

Submission Steps

  1. Upload your screenshot here, and comment your PR link

More References

  1. https://create-react-app.dev/docs/getting-started/

Task tags

  • react
  • npm
  • java script
  • web development

Students who completed this task

supershadoe, nixls, Snigdho, Michelle, pl9870, Saad Khaleeq, riskycase, Ishaanndas, PermissionError, Ahsan Ullah, Muhammad Bhaska, gamer-1748, cyulater123, prathamesh_m009, pavva, mihiraggarwal, ycwei982, wit03, Goutam, GICMan, Dan_zC, darshvatsa, ShobhitRathi_, Nayan, Ribhav Sharma, lukasz-zbrzeski, jonot, Jihun, tixpro, Devanshk09, rkunds, J3ndra, chinemerem, yashguptaz, shrey, hnguyen2k2, ajey muthiah

Task type

  • code Code
close

2019