Jumpstart your project instantly with a pre-configured React.js setup.
Reduce the total time to setup the project
🔰Installed these (Packages):
- React with
Vite
[Visit Link] - React Router v6 setup [Visit Link]
- Tailwind CSS (Configuration) setup [Visit Link]
- axios + axios interceptor setup [Visit Link]
- Tanstack query/ React Query setup [Visit Link]
- react-helmet-async setup [Visit Link]
- React Icons setup [Visit Link]
- rc-pagination added [Visit Link]
- react-lazy-load-image-component [Visit Link]
- react redux toolkit [Visit Link]
- react-getquery-params [Visit Link]
- json-server [Visit Link]
<PageTitle title={}/>
— component takes a props as apage title
<Image src={} alt={} effect={} height={} width={} transitionDelay={''}/>
— component takes these props, default effect:blur
,'black-and-white
,opacity
, and transitionDelay: set any seconds like1s,2s,3s....
<Spinner/>
— component used for any Loading state.<ErrorPage/>
— component used for if anyerror
found in any routes.
h1, h2, h3, h4, h5
styles hasbeen addedall-center
className added. Following this:<div className="all-center"><div>All Item will be center</div></div>
api
—secureApi.jsx
contains the axios interceptors configuration, just use yourserver
URLassets
— Handle this folder for work with images/icons/others....components
—ui
folder has some specific components, you can modify if you wanthooks
—demoHooks/useData.jsx
see the demos, for fetching the data from the serverlayout
—MainLayout.jsx
follow this for any time of layout you want to makelib
—lib
if you want to make any library, then you can make herepages
— Inside the you can make any pageredux
— State management tool hasbeen addedrouter
— All of your routes will be hereshared
— Login, Register, Header, Footer are available . You can customizeutils
—css/Fixed.css
some fixed are available, you can customize. Inside this you can keep anyjs
file.
- Clone this repository from this github repository
- Goto that project and run
npm install
git clone https://github.com/smmunna/react-starter-template-smmunna.git
- Change your
folder name/project name
according to your own - Go to the project
diretory
git remote rm origin
- Now run
npm install
Now Start your Project use the commandline
npm run dev
Following URL Project will run-
- ➜ Local: http://localhost:5173/
- ➜ Network: use --host to expose
- ➜ press h + enter to show help
- Node.js version with v18+
- VS Code Editor with recommended Extension
- JavaScript
- ES7+React/Redux/React Native
- Tailwind CSS
- Optionally React Developer Tools
npm run dev
for starting this projectnpm run build
Compiles and bundles the app for deployment
Copyright © 2024-present Sm Munna.