Looking for software development internships? Hackr.io is hiring!

React and Front End Development

Getting Started with HacknLearn-React

Posted in React, Front End Development
Getting Started with HacknLearn-React

So you have started our Hack-n-Learn? Great! In case you are a beginner and are struggling to start the project, this post is for you. To run the project solution, all you need is Node/Npm. NPM is a package manager that comes with node and is required to run projects involving any Front-End/Back-End Framework. It takes care of any downloading and maintaining any external library or framework your project may need.

Installing Node

Follow the instructions given in these videos to install Node/NPM on your computer.

For Windows Users

For Ubuntu/Linux Users

For Mac

Once you have installed Node/NPM on your machine perform a quick check and see if everything worked properly. To ensure it, run following commands in your terminal/command prompt:

node -v
npm -v

If it prints the version of Node and NPM, Everything is good.

Run the project

Now to run the project solution, Download the solution from https://hackr.io/hack-n-learn/react, unzip it and head over to the unzipped folder in your terminal and run the following command to install all the packages needed to run the solution.

npm install

This will install all the required packages.

Now to build the project, run the following command.

npm run dev

This will create a build folder in your directory and you can run the index.html to see your project.

Right Click on your index.html file and open it in a web browser.

Also, the command above will watch for changes you will make to the project. So if you edit anything, it will automatically create the build files again. You can reload the page to watch your changes reflecting in the original design.

This is all you need to know to run the project solution.

If you still encounter any queries/doubts head over to the HacknLearn Forum and ask your doubts there. We and other developers in the Hackr community will love to help you out. Or you can drop us a line at [email protected]

Have fun, Happy Coding!

People are also Reading:

Swapnil Banga

Swapnil Banga

Software engineer, hardware enthusiast, writer by avocation and a gamer. Swapnil has been working on Hackr for a large part of his career. Primarily working on Laravel, he is also the author of our React Native Android app. When not in front of a screen, you will find him devouring a novel or listening to heavy metal. View all posts by the Author

Leave a comment

Your email will not be published
Cancel
Emmanuel Verástegui

Rajat Patel, Thanks for this amazing short and free-style tutorial. You inspire.