Installation

Get Started

Welcome to React! React helps you build modern applications for the web, mobile, or desktop.

For getting started an React application you needs two things as Prerequisites.

Prerequisites

Before you begin, make sure your development environment includes Node and yarn package manager.

Node.js

Download latest version of node.js from nodejs.org. Recommended Node version is 16.18.0

Install Node.js using downloaded file

To check your node version, run node -v in a terminal/console window.

Package manager

React CLI, and React apps depend on features and functionality provided by libraries that are available as npm packages. To download and install npm packages, you must have an npm package manager. This Quick Start uses the npm client command line interface, which is installed with Node.js by default. Though we will use Yarn as package manager here.

For better understanding we suggest you to once go through official documentation of React from ReactJS.org

Downloaded Files

After extract the main zip file, go to strikingDash folder and you will get three separate project folder there. Use one which fits your needs.

- For starter we need to setup node js, go to https://nodejs.org/en/download/ & download Node.js, recommended version is 16.18.0.
- After download install Node.js
- Install/Enable Yarn. (https://yarnpkg.com/getting-started/install)
- Now open up your cmd prompt / terminal, cd to strikingDash directory
- Run yarn install, wait a bit
- Now run yarn start, it should open up http://localhost:3000 on your browser

Make sure you are not running any other react project in local if so then use new generated port from terminal with label called app running at:

Common solutions to run project successfully - Use recommended version of node.js
- Remove node_module and package-lock.json/yarn.lock file and run yarn install
- Download latest version from ThemeForest
- If the problem persist please contact our support team with details.

StrikingDash is developed using create-react-app and customize-cra used to extend CRA configuration.

you can find more about them visit:
CRA: https://create-react-app.dev/
customize-cra: https://github.com/arackaf/customize-cra

Build Application

Change Homepage path before build from package.json

Build you application for host on server using below command:
yarn build
Wait a bit, it will compile, optimize and minify all source files

There will be a dist folder created for you and you can upload that dist folder in your server.

If you’re using Apache HTTP Server, you need to create a .htaccess file in the public folder by pasting below code


    Options -MultiViews
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ index.html [QSA,L]

Now upload your dist folder on public folder