Skip to content

prasyever/react-app-simple-hello-world

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-app-simple-hello-world

A simple Hello World Application using React JS, a JavaScript library to make awesome UI by Facebook.

This application uses React JS component oriented UI creation paradigm. All components are written in JSX and ES6 style and are combined to get a single build for production purpose using Webpack 5.

ES6 module creation along with import /export is used. Babel is used to transpile all JSX code to vanilla JavaScript code. To install all the dependecies npm is used.

For UI creation HTML5 and CSS3 are used. Grid, the new feature of CSS3 is used for layout creation purpose.

This is a responsive web application for viewing in both Mobile and Desktop.

Features

  • This is just a basic Hello World program
  • Code is re written using React JS 17
  • Webpack 5 is used for the building purpose
  • Latest features of JavaScript i.e. ES6, ES7, ES8 is used

Installation

Clone the repository:

git clone https://github.com/anijitsahu/react-app-simple-hello-world.git

Navigate inside the directory:

cd react-app-simple-hello-world/dist

Open index.html page in a web browser

tested with Google Chrome v89 and Mozilla Firefox 86

Screenshots

Some screens of the application is given below for better understanding.

Desktop as well as Mobile version of the screenshots are given side by side.

Initial screen

About

A simple Hello World Application using React JS

Resources

Stars

0 stars

Watchers

0 watching

Forks

Packages

 
 
 

Contributors

Languages

  • JavaScript 62.7%
  • CSS 37.3%