- Project Name : Kanakku
- Created on: 10 Apr 2024
- Date of Update: 29 Apr 2025
- React Native Version : 0.79.1
- Typescript version : 5.0.4
- Author : Dreams Technologies
- Support via email: [email protected]
Kanakku - Invoice and Billing Management React Native Template
Kanakku is a React Native template for invoice and billing management, boasting a user-friendly interface and robust functionalities for businesses. It simplifies billing tasks, enabling users to track payments, manage clients, and create professional invoices effortlessly, serving as an efficient foundation for customized solutions across industries.
Install Node.js
Node.js is a run-time environment which includes everything you need to execute a program written in JavaScript. It’s used for running scripts on the server to render content before it is delivered to a web browser. In a web browser, navigate to https://nodejs.org/en/download/
Update Your NPM
Npm is the package for JavaScript and the world's largest software registry. Npm is a separate project from node.js, and tends to update more frequently. As a result, even if you've just downloaded Node.js (and therefore npm), you'll probably need to update your npm.
npm install --global npm@latestInstall all dependencies
If you want to update or develop this theme, you need to install all dependencies by running
npm installStart a development server
To run React Native app run following command
npx react-native startInstall and Setup Cocoapods
Install CocoaPods: To integrate the necessary dependencies for the iOS part of your React Native app, you'll need to install CocoaPods. If you haven't already, you can install CocoaPods by running the following command in your terminal
sudo gem install cocoapodsSetup CocoaPods in your project: Navigate to your project's directory in the terminal and run the following command
Install Node.js
Node.js is a run-time environment which includes everything you need to execute a program written in JavaScript. It’s used for running scripts on the server to render content before it is delivered to a web browser. In a web browser, navigate to https://nodejs.org/en/download/
cd ios && pod install && cdUpdate Your NPM
Npm is the package for JavaScript and the world's largest software registry. Npm is a separate project from node.js, and tends to update more frequently. As a result, even if you've just downloaded Node.js (and therefore npm), you'll probably need to update your npm.
npm install --global npm@latestInstall all dependencies
If you want to update or develop this theme, you need to install all dependencies by running
npm installStart a development server
To run React Native app run following command
npx react-native startModifying Colors
- To change the app's primary colors,navigate to the 'utils' folder inside the 'src' directory folder
- open the 'colors.ts' file, where you'll find variables defining the app's color palette.
- Modify the color values to match your desired theme.
export const colors = {
primary: "#743BFF",
primaryOne: "#6729FF",
primarTwo: "#814EFF",
primaryThree: "#8F62FF",
redOne:'#FEEEE9',
redTwo:'#F86639',
};
Common components that could be used much times in your app
-
bottomNavBar.tsx
-
commonButton.tsx
-
commoncard.tsx
-
commonComponents.tsx
-
commonInputFields.tsx
-
commonModal.tsx
-
dashedLine.tsx
-
popupCardModal.tsx
Adding or Removing Screens
Step 1:
To add a new screen, create a new component in the pages directory and define the screen's UI and functionality.
Step 2:
Register the new screen in the app's navigation system by adding a new entry to the navigation configuration. Typically, this involves updating the navigation.tsx file in the navigation directory
Step 3:
To remove a screen, delete its corresponding component and remove any references to it in the navigation configuration.
Step 4:
Screen names are in a new file ‘screenName.ts’ in the ‘utils’ folder.
Please note that our respond can take up to 2 business days.
- Availability to answer questions, Answering technical questions about item’s features, Assistance with reported bugs and issues, Help with included 3rd party assets.
- Any customization request will be ignored.
- Please make sure to read more about the support policy.
If this documentation does not address your questions, please feel free to contact us via email at Item Support Page
We are in the GMT+5:30 time zone and typically respond to inquiries on weekdays within 12-24 hours. Please note that in rare cases, the response time may extend to 48 hours, especially during holiday seasons.
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.
Don’t forget to Rate kanakku!
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 that your project isn't just another cookie-cutter solution but a 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 kanakku.
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.