DEV Community

Cover image for Day7 #100days Miva challenge
Damilola Oyeyipo
Damilola Oyeyipo

Posted on

Day7 #100days Miva challenge

            ## How to Install node.js
Enter fullscreen mode Exit fullscreen mode

Step 1: Go to https://nodejs.org/en/download/package-manager/current

Image description

and click on the prebuilt installer.

Step 2: Download the installer and follow the prompts to install node.js without making any changes to the default settings.

Image description

Step 3: After installation, open a command prompt and run "node --version" or "node -v" to verify the installation. If successful, install the create-react-app script using the command "npm install create-react-app -g" (the -g flag installs the package globally).

Image description

_Step 4: _To verify the installation of create-react-app, type "create-react-app -h" in the command prompt.

_Step 5: _With the create-react-app installed, you can create a new react application in your desired folder by navigating to the folder location in the command prompt and running *"create-react-app name-of-project" *,

mine will be *"create-react-app cookies" *

Image description

(Note: It must start with a small letter and may take some time to complete the creation process).

Image description

Image description

it will take a while before it creates, hold on to it

Image description

Image description

Because React is robust it will take a while please make sure your internet is connected

Step 6: Once the application is created, you will see a "happy hacking" message. You can then open the project folder with VSCode.

Image description

Just like thisπŸ‘†

Image description
your folder, very important you know where your folder is stored, I always stored mine in my desktop files

## Challenges you may encounter during this process
Enter fullscreen mode Exit fullscreen mode

1. Unusual Interruption: Due to the robust nature of React, interruptions could occur during the creation process. This can be due to internet connection issues or a bad network, as React requires an internet download of 200MB or more.

2. Error in Commands: Common issues include mistyping commands, such as using "NPM" instead of "npm," or adding extra spaces in commands like "Create-react-app name-of-project." please let is to be like this "Create-react-app name-of-project." or one use capital letter instead of small letter

Image description

3. Understanding JavaScript: It is important to have a basic understanding of JavaScript, as React uses JavaScript syntax and JSX language. You can learn JavaScript basics from resources like W3 and YouTube.

## How To run the server 
Enter fullscreen mode Exit fullscreen mode

1 Go to src

Image description

2 Then click on app.js that is where you will make changes but first leave it.

Image description

3 Go to your terminal and enter this command"npm start"

Image description

Image description

( make sure you enter the directory of your project before calling the command else it won't work)

4 You will need to go to your web browser to view this:
Image description
It tells you that your server is running.

Conclusion

It was tough, but practice makes perfect. Never give up, put your hope in God, and continue to be grateful. So, smash that like button, share it with your friends who love programming languages, and comment on which is better: Django or React.
Thank you πŸ€—πŸ€—πŸ€—

Top comments (3)

Collapse
 
mayowakalejaiye profile image
mayowa-kalejaiye

Have you tried them together(django and reast) bruhhh it is mad

Collapse
 
damilola_oyeyipo_1348716f profile image
Damilola Oyeyipo

No oh omo πŸ˜‚

Collapse
 
mayowakalejaiye profile image
mayowa-kalejaiye

Sharp