home
Naukri Code 360
expand-more
Web development projects & problems
expand-more
React Installation
React Installation
React fundamentals
What are competencies?
EXP:
40

React Installation

Unleash Your Creativity , Embark on a journey to master React by successfully installing and configuring it!.

Welcome, developers! Your goal is simple yet fundamental: to successfully install and configure React for our upcoming projects. This task may seem straightforward, but it's a crucial first step in laying the groundwork for a series of innovative applications we plan to develop.


Task for students

  • Functionality tested
    • React should successfully be installed with these following dependencies (react , react-dom , react-scripts)
    • When the app starts it renders "react problem how to install react" text

UI reference
  • Use the given provided code and try to mirror the UI.
    • ReactIntallation

How to zip & upload your project

  • You must start the project by first downloading the starter kit file attached to this project & make changes in those files only. You should not start from scratch by creating your own files.
  • Use the given starter kit file and do not make any changes in the package.json and the already provided versions of the dependencies.
  • Delete your package.lock.json and node modules before submitting the zip of the project.
  • Project folder name should not contain characters like +, (, / etc.
  • Project must be in a root folder which must be zipped and then submitted for evaluation.
  • Watch this video to see how to upload your project or problem -



Evaluation
  • After submission, your solution will be evaluated automatically based on the tasks defined above.
  • Upon successful completion of all the tasks/requirements, you will get a full score, and there will not be any partial scoring.
  • You can work on your failed test cases & resubmit your solution.
  • Your problem will get evaluated instantly.

Do’s & don’t
  • Use the given code structure in editor and do not make any changes.
  • Do not modify existing classes or tags.
  • Focus on correct React structure and class names.

Query & feedback
  • In case of any query/feedback on this project, please fill this form & we will soon get in touch with you to resolve.

Best of luck, developers!