Theme Color

Font Settings

Settings

104 Picture

Your gallery download complete

Download now

813 Point

You are doing great job!

Read now

3,756

New Followers on Twitter

Find more
  • Anyone send me a message
  • Anyone seeing my profile page
  • Anyone posts a comment on my post

Documentation

Umang Academy : Kindergarten, Kids Play School React Template

Umang is a popular WebApp template for multi purpose use . It’s responsive React template, which is based on the Bootstrap framework. It utilizes all of the Bootstrap components in design and re-styles many commonly used plugins to create a consistent design that can be used in all type of business an organisations website.

  • Built on Latest React
  • Counter
  • Light Gallery
  • Detailed Documentation
  • Awesome Customized Slider
  • Router
  • Responsive in Any Device
  • Slick Carousel
  • Without jQuery
  • Customizable React Bootstrap Components
  • Well Commented Code
  • Clean And Professional Coding
  • Smooth Transition Effects
  • Integrated with FontAwesome
  • Creative and Modern Design
  • Fast, Lightweight & Powerful
  • Easily Customizable
  • High Resolution
  • Multiple Blog Pages Included
  • Fast performance
  • Support and Update
  • Social
  • And many more

React.JS Installation & Setup A JavaScript library for building user interfaces.

Installing

Make sure if NODEJS is installed on your computer

Run npm install -g create-react-app command from your teminal to install React Globally.

Install npm :-
Run npm install command from your project directory. It will create 'node_module' folder in this all dependency files will be install with this command.

Run Project :-
Run npm start command from your project directory. With is command file will be compiled and it will be loaded on local server `http://localhost:5000`.

Run the Scss :-
To execute our one-line script, we need to run the following command in the terminal Run npm run sass

Further help :-
To get more help on the React.js checkout React

Note: You can learn more in the Create React App Documentation. To learn React, check out the React Documentation.

Index.js Structure
import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import reportWebVitals from './reportWebVitals';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

reportWebVitals();

Create a Page

How to create a custom page

1. Create page

import React from "react";

export function MyPage() {
  return(
   <h1>Hello!</h1>
  ) 
} 							
						
Folder Directories
  • public
    • index.html
  • src
    • css
    • fonts
    • images
    • markup
      • Element
      • Layouts
        • Header.js
        • Footer.js
      • Pages
      • Markup.js
    • App.js
    • index.js
  • package.json

Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template.

REGULAR SUPPORT : You have in template support if you face any issue with the usage of it then you can contact us on below Email ID.

EXTENDED SUPPORT : Development it is chargeable according to your requirement. For that you need to mail us your requirement on below Email ID.

COST OF SERVICE : Depends on the hours required. But as you are already using our template we have discounted rates for our template customer.

EXTENDED LICENSE : With the Extended Support we also include Extended License. So you save much more with your investment than you will with purchasing Regular License and later buying Extended one + Development cost.

You will get a quick reply from our team and feel free to contact us. We don’t charge for requirement discussion so don’t worry.

Contact Us : rahulxarma@gmail.com

Skype : rahulxarma