Truelysell - Truelysell & Inventory Management Admin Dashboard Template - Admin Templates Site Templates Live Preview A point of sale admin template can help organize and track inventory in a business. The template includes fields for items, quantities, prices, and descriptions. It also includes fields for customer information, such as name and address. This information can help the business keep track of its inventory and meet customers’ needs.
Build with React 19.3.0
- Build with React Scripts
- Create React App Supported
- Hooks based architecture
- Pure Components Based ReactJs
- Fully Responsive Design
- Multiple Layouts
- Fully Responsive Layout
- User friendly design
- Cross Browser Compatible
- Easy to Customize
- Clean & Well Commented Codes
- Compatible to all Mobile Devices
- Detailed Documentation
- Developer Friendly
- And Many More...
Project Overview
The project follows a modular structure with clear separation of concerns.
Truelysell/
│
└── react/
│
├── node_modules/
│
├── public/ static files served as-is
│ ├── assets/ images and plugin assets
│ ├── favicon.png
│ └── apple-icon.png
│
├── src/
│ ├── components/ shared UI, one folder per component
│ │ ├── common-date-picker/
│ │ ├── common-date-range-picker/
│ │ ├── common-header/
│ │ ├── common-select/
│ │ ├── common-sidebar/
│ │ ├── common-tag-input/
│ │ ├── cursor/
│ │ ├── image-with-base-path/
│ │ ├── page-loader/
│ │ └── site-header/
│ │
│ ├── core/
│ │ ├── api/services/admin/ data services
│ │ ├── data/ shared TypeScript types
│ │ └── html-modules/ ports of the html template scripts
│ │
│ ├── hooks/ useAdminScript, usePublicScript, ...
│ │
│ ├── layout/ one per route group
│ │ ├── adminLayout.tsx
│ │ ├── authLayout.tsx
│ │ ├── customerLayout.tsx
│ │ ├── providerLayout.tsx
│ │ └── publicLayout.tsx
│ │
│ ├── redux/ store, action, reducer
│ │
│ ├── routes/
│ │ ├── all_routes.tsx every route path
│ │ ├── router.link.tsx pages, declared with React.lazy
│ │ ├── router.tsx routes mapped onto the layouts
│ │ ├── dynamicTitle.tsx
│ │ └── pageMeta.ts
│ │
│ ├── style/ css, scss, fonts, icons, admin
│ │
│ ├── utils/json/ mock data
│ │
│ ├── views/
│ │ ├── admin/ admin pages grouped by module
│ │ └── frontend/ public, customer and provider pages
│ │
│ ├── main.tsx
│ ├── environment.tsx
│ └── index.css
│
├── index.html
├── vite.config.ts
├── package.json
└── package-lock.json
Notes
- Pages own their modals. There is no shared
views/**/modal/folder — a page renders its modal markup inline, next to the button that opens it. - Each page is its own chunk. Pages are declared with
React.lazyinroutes/router.link.tsx, so a page is downloaded when it is first visited rather than up front. - Layouts suspend around their own content. Every layout wraps its
<Outlet />inSuspense, so the header and sidebar stay on screen while a page loads. - Admin startup loader.
index.htmlholds an inline loader that paints before the app loads; it is removed straight away on frontend routes and when React mounts.
After unzipping Template Files, you will find our product Truelysell ->Reactjs(Source code)Mandatory are npm and node are needed to run the reactjs projectOnce unzipped the files,run the command:
npm install (or) npm iFor running a project , run the command:
npm run devIf you want to run the project and make the build in the production mode then run the following command in the root directory, otherwise the project will continue to run in the development mode.
npm run buildTo install any plugins in your application, you have to run the following command
npm install plugin_name --saveTruelysell is developed by Dreams Technologies and is available under both Envato Extended & Regular License options.
Regular License
Usage by either yourself or a single client is permitted for a single end product, provided that end users are not subject to any charges.
Extended License
For use by you or one client in a single end product for which end users may be charged.
What are the main differences between the Regular License and the Extended License?
If you operate as a freelancer or agency, you have the option to acquire the Extended License, which permits you to utilize the item across multiple projects on behalf of your clients.
| NAME | URL |
|---|---|
| Antd | https://www.npmjs.com/package/antd |
| Prime React | https://www.npmjs.com/package/primereact |
| React Feather Icon | https://www.npmjs.com/package/antd |
| React Bootstrap | https://www.npmjs.com/package/react-bootstrap |
| Font Awesome | http://fortawesome.github.io/Font-Awesome/ |
| React Select | https://www.npmjs.com/package/react-select |
| React Slick | https://www.npmjs.com/package/react-slick |
| React Count-up | https://www.npmjs.com/package/react-countup |
| Range Slider | https://www.npmjs.com/package/rc-slider |
| Redux | https://www.npmjs.com/package/redux |
Need Support?
If this documentation does not address your questions, please feel free to contact us via email at support@dreamstechnologies.com
Reach the team at GMT+5:30. Typical reply within 12–24 hours on weekdays — rarely up to 48 hrs during holidays. Support is available to verified buyers for template-related issues.
Contact SupportImportant Note : We strive to offer top-notch support, but it's only available to verified buyers and for template-related issues such as bugs and errors. Custom changes and third-party module setups are not covered.
Do you need a customized application for your business?
If you need a customized application for your business depends on your specific requirements and goals, Please contact us. Customization can be the key to success, ensuring your project perfectly aligns with your unique goals and requirements.
Don't Miss Out on the Benefits of Customization!
Unlock the potential of your project. It's time to ensure your project isn't another cookie-cutter solution but truly unique and effective one.
Discover how customization can make a difference in your project's success. Let's create a solution that's as unique as your vision!
We'll tailor the application to meet your specific needs and preferences.
We will upload your website to the server and ensure it is live.
Thank You
Thank you once again for downloading Truelysell.
We hope you're enjoying your experience, and we kindly request that you take a
moment to share your valuable review and rating with us.