Description

We have created a demo app of React that demonstrates implementation of Material UI,React Redux and Routing with react.

Technologies and Libraries:

• React
• React Redux
• Material UI
• React Hook Form
• i18next
• React Router DOM
• ESLint
• Prettier

Prerequisites

• Node.js (>= 14.14.36)
• npm (>= 6.5.0)

Key Feature

• Login & Signup
• Localization
• Light & Dark Theme setup
• React Redux setup
• Authenticated Routing
• ESLint

Code Structure

we tried to implement the best practice of code structure in our project following are the example

all code go in src folder

• src/components/_ /*.js
• src/containers/_ /*.js
• src/pages/_ /*.js
• src/routes/*.js
• src/utils/*.js
• src/redux/actions/*.js
• src/redux/reducers/*.js
• src/redux/store.js
• src/redux/types.js
• src/assets/icons
• src/assets/images
• src/translations/*.json

How to Setup

Step 1: git clone this repo.

Step 2: cd to the cloned repo.

Step 3: Install the node modules required for the project with npm install or yarn install

Step 4: Start the app in development mode with npm run start it will run the react application on http://localhost:3000/ by default.

Installation

$ npm install

Running the app

# development
$ npm run start

# build
$ npm run build

Learn More

To learn React, check out the React documentation.