├── src
├── assets
│ ├── icon.png
│ ├── favicon.png
│ ├── splash.png
│ ├── talypay.png
│ ├── talykhata.png
│ ├── adaptive-icon.png
│ ├── carbon_qr-code.png
│ ├── wallet
│ │ ├── index.js
│ │ ├── suplier.js
│ │ ├── incomeIn.js
│ │ ├── incomeOut.js
│ │ ├── logo.js
│ │ ├── sendmoney.js
│ │ ├── cashout.js
│ │ ├── flaxiload.js
│ │ ├── colectionIcon.js
│ │ ├── logoTaly.js
│ │ └── addmoney.js
│ └── carbon.svg
├── Components
│ ├── header
│ │ ├── index.js
│ │ ├── HeaderTitle.js
│ │ └── HeaderLogo.js
│ ├── main
│ │ ├── Help.jsx
│ │ ├── Inbox.jsx
│ │ └── Add_Customer.jsx
│ ├── Talybook
│ │ ├── CustomerDetails.jsx
│ │ ├── AddCustomer.jsx
│ │ ├── Details.jsx
│ │ ├── SearchBar.jsx
│ │ ├── CustomerHead.jsx
│ │ └── IncomeSheet.jsx
│ ├── sidebar
│ │ ├── Refear.js
│ │ ├── Settings.js
│ │ ├── BuyMessage.js
│ │ ├── DueReports.js
│ │ ├── CashReports.js
│ │ ├── BackupData.js
│ │ ├── ExpenceReports.js
│ │ ├── SellBuyReports.js
│ │ ├── SendingReports.js
│ │ └── InchargeHeadReports.js
│ ├── Cashbox
│ │ ├── CashboxHead.jsx
│ │ ├── CashboxLists.jsx
│ │ ├── CashboxstatusBar.jsx
│ │ ├── CashboxItem.jsx
│ │ └── CashboxSheet.jsx
│ └── index.js
├── constants
│ ├── images.js
│ ├── index.js
│ ├── color.js
│ └── routes.js
├── screens
│ ├── index.js
│ └── home
│ │ ├── Drawer.jsx
│ │ ├── CashBox.jsx
│ │ ├── Talybook.jsx
│ │ └── Wallet.jsx
└── navigator
│ ├── DrawerNavigator.js
│ ├── StackNavigator.js
│ ├── TabNavigator.js
│ └── CustomDrawer.jsx
├── babel.config.js
├── App.js
├── app.json
└── package.json
/src/assets/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/masud-pervez/Taly-Book/HEAD/src/assets/icon.png
--------------------------------------------------------------------------------
/src/assets/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/masud-pervez/Taly-Book/HEAD/src/assets/favicon.png
--------------------------------------------------------------------------------
/src/assets/splash.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/masud-pervez/Taly-Book/HEAD/src/assets/splash.png
--------------------------------------------------------------------------------
/src/assets/talypay.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/masud-pervez/Taly-Book/HEAD/src/assets/talypay.png
--------------------------------------------------------------------------------
/src/assets/talykhata.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/masud-pervez/Taly-Book/HEAD/src/assets/talykhata.png
--------------------------------------------------------------------------------
/src/assets/adaptive-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/masud-pervez/Taly-Book/HEAD/src/assets/adaptive-icon.png
--------------------------------------------------------------------------------
/src/assets/carbon_qr-code.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/masud-pervez/Taly-Book/HEAD/src/assets/carbon_qr-code.png
--------------------------------------------------------------------------------
/src/Components/header/index.js:
--------------------------------------------------------------------------------
1 | export {default as HeaderTitle} from './HeaderTitle';
2 | export {default as HeaderLogo} from './HeaderLogo';
3 |
--------------------------------------------------------------------------------
/src/constants/images.js:
--------------------------------------------------------------------------------
1 | export default {
2 | bgPattern: require('../assets/drawer-cover.jpeg'),
3 | user: require('../assets/user.jpg'),
4 | };
--------------------------------------------------------------------------------
/src/constants/index.js:
--------------------------------------------------------------------------------
1 | import ROUTES from './routes';
2 | import IMGS from './imgs';
3 | import COLORS from './colors';
4 |
5 | export {ROUTES, IMGS, COLORS};
--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = function(api) {
2 | api.cache(true);
3 | return {
4 | presets: ['babel-preset-expo'],
5 | plugins: ['react-native-reanimated/plugin'],
6 | };
7 | };
8 |
--------------------------------------------------------------------------------
/src/screens/index.js:
--------------------------------------------------------------------------------
1 | export {default as Drawer} from './home/Drawer';
2 | export {default as CashBox} from './home/CashBox';
3 | export {default as Talybook} from './home/Talybook';
4 | export {default as Wallet} from './home/Wallet';
5 |
--------------------------------------------------------------------------------
/src/Components/main/Help.jsx:
--------------------------------------------------------------------------------
1 | import { View, Text } from 'react-native'
2 | import React from 'react'
3 |
4 | export default function Help() {
5 | return (
6 |
7 | Help
8 |
9 | )
10 | }
--------------------------------------------------------------------------------
/src/constants/color.js:
--------------------------------------------------------------------------------
1 | export default {
2 | gradientForm: '#A376F1',
3 | primary: '#7d5fff',
4 | white: '#FFFFFF',
5 | dark: '#444',
6 | bgColor: '#82ccdd',
7 | warning: '#f0d500',
8 | danger: '#FF0D0E',
9 | gray: '#666666',
10 | grayLight: '#ccc',
11 | black: '#0a0a0a',
12 | };
--------------------------------------------------------------------------------
/src/Components/main/Inbox.jsx:
--------------------------------------------------------------------------------
1 | import { View, Text } from 'react-native'
2 | import React from 'react'
3 |
4 | export default function Inbox() {
5 | return (
6 |
7 | Inbox
8 |
9 | )
10 | }
--------------------------------------------------------------------------------
/src/Components/Talybook/CustomerDetails.jsx:
--------------------------------------------------------------------------------
1 | import { View, Text, ScrollView } from "react-native";
2 | import React from "react";
3 | import Details from "./Details";
4 |
5 | export default function CustomerDetails() {
6 | return (
7 |
8 |
9 |
10 | );
11 | }
12 |
--------------------------------------------------------------------------------
/src/Components/sidebar/Refear.js:
--------------------------------------------------------------------------------
1 | import { View, Text } from 'react-native'
2 | import React from 'react'
3 |
4 | export default function Refear() {
5 | return (
6 |
7 | Refear
8 |
9 | )
10 | }
--------------------------------------------------------------------------------
/src/Components/sidebar/Settings.js:
--------------------------------------------------------------------------------
1 | import { View, Text } from 'react-native'
2 | import React from 'react'
3 |
4 | export default function Settings() {
5 | return (
6 |
7 | Settings
8 |
9 | )
10 | }
--------------------------------------------------------------------------------
/src/Components/sidebar/BuyMessage.js:
--------------------------------------------------------------------------------
1 | import { View, Text } from 'react-native'
2 | import React from 'react'
3 |
4 | export default function BuyMessage() {
5 | return (
6 |
7 | BuyMessage
8 |
9 | )
10 | }
--------------------------------------------------------------------------------
/src/Components/sidebar/DueReports.js:
--------------------------------------------------------------------------------
1 | import { View, Text } from 'react-native'
2 | import React from 'react'
3 |
4 | export default function DueReports() {
5 | return (
6 |
7 | Due_Reports
8 |
9 | )
10 | }
--------------------------------------------------------------------------------
/src/Components/main/Add_Customer.jsx:
--------------------------------------------------------------------------------
1 | import { View, Text } from 'react-native'
2 | import React from 'react'
3 |
4 | export default function Add_Customer() {
5 | return (
6 |
7 | Add_Customer
8 |
9 | )
10 | }
--------------------------------------------------------------------------------
/src/Components/sidebar/CashReports.js:
--------------------------------------------------------------------------------
1 | import { View, Text } from 'react-native'
2 | import React from 'react'
3 |
4 | export default function CashReports() {
5 | return (
6 |
7 | CashReports
8 |
9 | )
10 | }
--------------------------------------------------------------------------------
/src/screens/home/Drawer.jsx:
--------------------------------------------------------------------------------
1 | import { View, Text } from "react-native";
2 | import React from "react";
3 | import { Button } from "react-native";
4 | import { DrawerActions } from "@react-navigation/native";
5 |
6 | export default function Drawer() {
7 | return (
8 |
9 |
10 | );
11 | }
12 |
--------------------------------------------------------------------------------
/src/Components/sidebar/BackupData.js:
--------------------------------------------------------------------------------
1 | import { View, Text } from "react-native";
2 | import React from "react";
3 |
4 | export default function BackupData() {
5 | return (
6 |
7 | BackupData
8 |
9 | );
10 | }
11 |
--------------------------------------------------------------------------------
/src/Components/sidebar/ExpenceReports.js:
--------------------------------------------------------------------------------
1 | import { View, Text } from 'react-native'
2 | import React from 'react'
3 |
4 | export default function ExpenceReports() {
5 | return (
6 |
7 | ExpenceReports
8 |
9 | )
10 | }
--------------------------------------------------------------------------------
/src/Components/sidebar/SellBuyReports.js:
--------------------------------------------------------------------------------
1 | import { View, Text } from 'react-native'
2 | import React from 'react'
3 |
4 | export default function SellBuyReports() {
5 | return (
6 |
7 | SellBuy_Reports
8 |
9 | )
10 | }
--------------------------------------------------------------------------------
/src/Components/sidebar/SendingReports.js:
--------------------------------------------------------------------------------
1 | import { View, Text } from 'react-native'
2 | import React from 'react'
3 |
4 | export default function SendingReports() {
5 | return (
6 |
7 | SendingReports
8 |
9 | )
10 | }
--------------------------------------------------------------------------------
/src/Components/sidebar/InchargeHeadReports.js:
--------------------------------------------------------------------------------
1 | import { View, Text } from 'react-native'
2 | import React from 'react'
3 |
4 | export default function InchargeHeadReports() {
5 | return (
6 |
7 | InchargeHeadReports
8 |
9 | )
10 | }
--------------------------------------------------------------------------------
/App.js:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import 'react-native-gesture-handler';
3 | import { NavigationContainer } from "@react-navigation/native";
4 | import DrawerNavigator from "./src/navigator/DrawerNavigator";
5 | import StackNavigator from "./src/navigator/StackNavigator";
6 |
7 |
8 |
9 | export default function App() {
10 | return (
11 |
12 |
13 |
14 | );
15 | }
16 |
--------------------------------------------------------------------------------
/src/screens/home/CashBox.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { SafeAreaView, ScrollView, View } from "react-native";
3 | import {
4 | CashboxSheet,
5 | CashboxstatusBar,
6 | CustomerHead,
7 | CashboxLists,
8 | } from "../../Components";
9 |
10 | export default function CashBox() {
11 | return (
12 |
13 |
14 |
15 |
16 |
17 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/src/assets/wallet/index.js:
--------------------------------------------------------------------------------
1 | export { default as Addmoney } from "./addmoney";
2 | export { default as CashOut } from "./cashout";
3 | export { default as ColectionIcon } from "./colectionIcon";
4 | export { default as Flaxiload } from "./flaxiload";
5 | export { default as IncomeIn } from "./incomeIn";
6 | export { default as IncomeOut } from "./incomeOut";
7 | export { default as Logo } from "./logo";
8 | export { default as Sendmoney } from "./sendmoney";
9 | export { default as Suplier } from "./suplier";
10 | export { default as LogoTaly } from "./logoTaly";
11 |
--------------------------------------------------------------------------------
/src/Components/header/HeaderTitle.js:
--------------------------------------------------------------------------------
1 | import { View, Text, TouchableOpacity } from 'react-native'
2 | import React from 'react'
3 |
4 | //?Icons
5 | import { Logo } from "../../assets/wallet";
6 |
7 | export default function HeaderTitle() {
8 | return (
9 |
10 |
11 |
12 |
13 |
14 | Masud Pervez
15 |
16 |
17 | )
18 | }
19 |
--------------------------------------------------------------------------------
/src/screens/home/Talybook.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { SafeAreaView, ScrollView } from "react-native";
3 | import { AddCustomer, CustomerDetails, CustomerHead, IncomeSheet, SearchBar } from "../../Components";
4 |
5 | export default function Talybook() {
6 | return (
7 |
8 |
9 |
10 |
11 |
16 |
17 |
18 |
19 |
20 | );
21 | }
22 |
--------------------------------------------------------------------------------
/src/Components/Cashbox/CashboxHead.jsx:
--------------------------------------------------------------------------------
1 | import { View, Text } from "react-native";
2 | import React from "react";
3 |
4 | export default function CashboxHead() {
5 | return (
6 |
14 |
15 |
16 | বাকি আদায় ০
17 |
18 |
19 |
20 |
21 | পেমেন্ট দেয়া{" "}
22 | ০
23 |
24 |
25 |
26 | );
27 | }
28 |
--------------------------------------------------------------------------------
/src/navigator/DrawerNavigator.js:
--------------------------------------------------------------------------------
1 | import { createDrawerNavigator } from "@react-navigation/drawer";
2 | import TabNavigator from "./TabNavigator";
3 | import CustomDrawer from "./CustomDrawer";
4 | import StackNavigator from "./StackNavigator";
5 |
6 | export default function DrawerNavigator() {
7 | const Drawer = createDrawerNavigator();
8 | return (
9 | }
11 | screenOptions={{
12 | headerShown: false,
13 | drawerPosition: "right",
14 | drawerStatusBarAnimation: "fade",
15 | drawerLabelStyle: {
16 | marginRight: -25,
17 | },
18 | }}
19 | >
20 |
21 |
22 | );
23 | }
24 |
--------------------------------------------------------------------------------
/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "expo": {
3 | "name": "TalyBook",
4 | "slug": "TalyBook",
5 | "version": "1.0.0",
6 | "orientation": "portrait",
7 | "icon": "./src/assets/icon.png",
8 | "userInterfaceStyle": "light",
9 | "splash": {
10 | "image": "./src/assets/talykhata.png",
11 | "resizeMode": "contain",
12 | "backgroundColor": "#fff"
13 | },
14 | "updates": {
15 | "fallbackToCacheTimeout": 0
16 | },
17 | "assetBundlePatterns": [
18 | "**/*"
19 | ],
20 | "ios": {
21 | "supportsTablet": true
22 | },
23 | "android": {
24 | "adaptiveIcon": {
25 | "foregroundImage": "./src/assets/icon.png",
26 | "backgroundColor": "#fff"
27 | }
28 | },
29 | "web": {
30 | "favicon": "./assets/favicon.png"
31 | }
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/src/constants/routes.js:
--------------------------------------------------------------------------------
1 | export default {
2 | // ? Tabar Manu
3 | CashBox: "CashBox",
4 | TalyBook: "TalyBook",
5 | Wallet: "Wallet",
6 | CashBox_Tab: "ক্যাশবক্স",
7 | Wallet_Tab: "ওয়ালেট",
8 | TalyBook_TAB: "টালি",
9 |
10 | // ! Drawer manu
11 | Drawer: "মেন্যু",
12 | Wallet_DRAWER: "Wallet_Drawer",
13 | CashBox_DRAWER: "CashBoxDrawer",
14 | TalyBook_DRAWER: "TalyBook_Drawer",
15 |
16 | // ? Sidebar Routes
17 | Reports_Title: "খাতা রিপোর্ট",
18 | SellBuy_Reports: "বেচা-কিনা",
19 | Expence_Reports: "খরচ",
20 | Due_Reports: "বাকি হিসাব",
21 | Cash_Reports: "ক্যাশ হিসাব",
22 | InchargeHead_Reports: "মালিকের রিপোর্ট",
23 | Others: "অন্যান্য",
24 | BackupData: "ডাটা ব্যাকআপ",
25 | Sending_Reports: "তাগাদা পাঠাই",
26 | Settings_Label: "সেটিংস",
27 | Refearal: "রেফার করুন",
28 | Buy_Message: "টালি মেসেজ কিনি",
29 | LogOut: "লগ আউট",
30 | Verson: "ভার্সন - ৫.০.৪",
31 |
32 | //! Main Manu
33 | Inbox: "ইনবক্স",
34 | Help: "হেল্প",
35 | AddCustomer: "কাস্টমার যোগ করি",
36 | };
37 |
--------------------------------------------------------------------------------
/src/Components/Cashbox/CashboxLists.jsx:
--------------------------------------------------------------------------------
1 | import { View, Text, ScrollView, FlatList } from "react-native";
2 | import React from "react";
3 | import CashboxItem from "./CashboxItem";
4 |
5 | export default function CashboxLists() {
6 | return (
7 |
8 | }
11 | keyExtractor={(item) => item.id}
12 | />
13 |
14 | );
15 | }
16 |
17 | const data = [
18 | {
19 | id: 1,
20 | title: "ক্যাশ বেচা",
21 | amount: 0.0,
22 | iconcolor: "#DCF3E1",
23 | credit: true,
24 | color: "#52C066",
25 | },
26 | {
27 | id: 2,
28 | title: "ক্যাশ কেনা",
29 | amount: "১,১০০",
30 | iconcolor: "#F6B6BD",
31 | credit: false,
32 | color: "#A6293E",
33 | },
34 | {
35 | id: 3,
36 | title: "খরচ",
37 | amount: 0.0,
38 | iconcolor: "#F6B6BD",
39 | credit: false,
40 | color: "#A6293E",
41 | },
42 | {
43 | id: 4,
44 | title: "মালিক দিল",
45 | amount: 0.0,
46 | iconcolor: "#DCF3E1",
47 | credit: true,
48 | color: "#52C066",
49 | },
50 | {
51 | id: 5,
52 | title: "মালিক নিল",
53 | amount: 0.0,
54 | iconcolor: "#F6B6BD",
55 | credit: false,
56 | color: "#A6293E",
57 | },
58 | ];
59 |
--------------------------------------------------------------------------------
/src/Components/header/HeaderLogo.js:
--------------------------------------------------------------------------------
1 | import { View, Text, TouchableOpacity } from "react-native";
2 | import React from "react";
3 | import { useNavigation } from "@react-navigation/native";
4 |
5 | //?Icons
6 | import AntDesign from "react-native-vector-icons/AntDesign";
7 | import routes from "../../constants/routes";
8 |
9 | export default function HeaderLogo() {
10 | const navigation = useNavigation();
11 |
12 | return (
13 |
20 | navigation.navigate(routes.Inbox)}
22 | style={{
23 | marginRight: 12,
24 | flexDirection: "column",
25 | alignItems: "center",
26 | }}
27 | >
28 |
29 | ইনবক্স
30 |
31 | navigation.navigate(routes.Help)}
33 | style={{
34 | marginRight: 12,
35 | flexDirection: "column",
36 | alignItems: "center",
37 | }}
38 | >
39 |
40 | হেল্প
41 |
42 |
43 | );
44 | }
45 |
--------------------------------------------------------------------------------
/src/Components/Talybook/AddCustomer.jsx:
--------------------------------------------------------------------------------
1 | import { View, Text, TouchableOpacity } from "react-native";
2 | import React from "react";
3 | import Ionicons from "react-native-vector-icons/Ionicons";
4 | import { useNavigation } from "@react-navigation/native";
5 | import routes from "../../constants/routes";
6 |
7 | export default function AddCustomer({ props }) {
8 | const navigation = useNavigation();
9 | return (
10 |
19 | navigation.navigate(routes.AddCustomer)}
21 | activeOpacity={0.8}
22 | style={{
23 | backgroundColor: "#B8222B",
24 | paddingHorizontal: 20,
25 | paddingVertical: 12,
26 | borderRadius: 50,
27 | flexDirection: "row",
28 | alignItems: "center",
29 | }}
30 | >
31 |
32 |
40 | কাস্টমার যোগ করি
41 |
42 |
43 |
44 | );
45 | }
46 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mobile_app",
3 | "version": "1.0.0",
4 | "main": "node_modules/expo/AppEntry.js",
5 | "scripts": {
6 | "start": "expo start",
7 | "android": "expo start --android",
8 | "ios": "expo start --ios",
9 | "web": "expo start --web"
10 | },
11 | "dependencies": {
12 | "@expo/webpack-config": "^0.17.2",
13 | "@react-navigation/bottom-tabs": "^6.4.1",
14 | "@react-navigation/drawer": "^6.5.1",
15 | "@react-navigation/native": "^6.0.13",
16 | "@react-navigation/native-stack": "^6.9.1",
17 | "@react-navigation/stack": "^6.3.5",
18 | "expo": "~47.0.3",
19 | "expo-constants": "~14.0.2",
20 | "expo-device": "~5.0.0",
21 | "expo-notifications": "~0.17.0",
22 | "expo-status-bar": "~1.4.2",
23 | "native-notify": "^3.0.2",
24 | "react": "18.1.0",
25 | "react-dom": "18.1.0",
26 | "react-icon": "^1.0.0",
27 | "react-native": "0.70.5",
28 | "react-native-gesture-handler": "~2.8.0",
29 | "react-native-reanimated": "~2.12.0",
30 | "react-native-safe-area-context": "4.4.1",
31 | "react-native-screens": "~3.18.0",
32 | "react-native-svg": "13.4.0",
33 | "react-native-vector-icons": "^9.2.0",
34 | "react-native-web": "~0.18.9",
35 | "@react-native-masked-view/masked-view": "0.2.8"
36 | },
37 | "devDependencies": {
38 | "@babel/core": "^7.12.9",
39 | "@types/react": "^18.0.25",
40 | "@types/react-native": "^0.70.6"
41 | },
42 | "private": true
43 | }
44 |
--------------------------------------------------------------------------------
/src/Components/index.js:
--------------------------------------------------------------------------------
1 | //!Talybook Components
2 | export { default as AddCustomer } from "./Talybook/AddCustomer";
3 | export { default as CustomerDetails } from "./Talybook/CustomerDetails";
4 | export { default as CustomerHead } from "./Talybook/CustomerHead";
5 | export { default as Details } from "./Talybook/Details";
6 | export { default as IncomeSheet } from "./Talybook/IncomeSheet";
7 | export { default as SearchBar } from "./Talybook/SearchBar";
8 |
9 | //? CashBox Components
10 | export { default as CashboxSheet } from "./Cashbox/CashboxSheet";
11 | export { default as CashboxItem } from "./Cashbox/CashboxItem";
12 | export { default as CashboxHead } from "./Cashbox/CashboxHead";
13 | export { default as CashboxLists } from "./Cashbox/CashboxLists";
14 | export { default as CashboxstatusBar } from "./Cashbox/CashboxstatusBar";
15 |
16 | //! SideBar Components
17 | export { default as Refear } from "./sidebar/Refear";
18 | export { default as Settings } from "./sidebar/Settings";
19 | export { default as DueReports } from "./sidebar/DueReports";
20 | export { default as BackupData } from "./sidebar/BackupData";
21 | export { default as BuyMessage } from "./sidebar/BuyMessage";
22 | export { default as CashReports } from "./sidebar/CashReports";
23 | export { default as ExpenceReports } from "./sidebar/ExpenceReports";
24 | export { default as SellBuyReports } from "./sidebar/SellBuyReports";
25 | export { default as SendingReports } from "./sidebar/SendingReports";
26 | export { default as InchargeHeadReports } from "./sidebar/InchargeHeadReports";
27 |
28 | //? Main Component
29 | export { default as Inbox } from "./main/Inbox";
30 | export { default as Help } from "./main/Help";
31 | export { default as Add_Customer } from "./main/Add_Customer";
--------------------------------------------------------------------------------
/src/assets/wallet/suplier.js:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import Svg, { Path, Circle } from "react-native-svg";
3 |
4 | export default function Suplier(props) {
5 | return (
6 |
39 | );
40 | }
41 |
--------------------------------------------------------------------------------
/src/assets/wallet/incomeIn.js:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import Svg, { Path } from "react-native-svg";
3 |
4 | export default function IncomeIn(props) {
5 | return (
6 |
23 | );
24 | }
25 |
--------------------------------------------------------------------------------
/src/navigator/StackNavigator.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { createStackNavigator } from "@react-navigation/stack";
3 | import {
4 | Add_Customer,
5 | BackupData,
6 | BuyMessage,
7 | CashReports,
8 | DueReports,
9 | ExpenceReports,
10 | Help,
11 | Inbox,
12 | InchargeHeadReports,
13 | Refear,
14 | SellBuyReports,
15 | SendingReports,
16 | Settings,
17 | } from "../Components";
18 | import routes from "../constants/routes";
19 | import DrawerNavigator from "./DrawerNavigator";
20 |
21 | const Stack = createStackNavigator();
22 |
23 | export default function StackNavigator() {
24 | return (
25 |
30 |
35 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 | );
53 | }
54 |
--------------------------------------------------------------------------------
/src/assets/wallet/incomeOut.js:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import Svg, { Path } from "react-native-svg";
3 |
4 | export default function IncomeOut(props) {
5 | return (
6 |
23 | );
24 | }
25 |
--------------------------------------------------------------------------------
/src/Components/Talybook/Details.jsx:
--------------------------------------------------------------------------------
1 | import { View, Text, Image, TouchableOpacity } from "react-native";
2 | import React from "react";
3 | import MaterialIcons from "react-native-vector-icons/MaterialIcons";
4 |
5 | export default function Details() {
6 | return (
7 |
13 |
25 |
33 |
40 |
41 | Ru
42 |
43 |
44 | Ruhits
45 |
46 |
55 |
58 | ১১০০.০০
59 |
60 |
61 |
62 |
63 |
64 | );
65 | }
66 |
--------------------------------------------------------------------------------
/src/Components/Cashbox/CashboxstatusBar.jsx:
--------------------------------------------------------------------------------
1 | import { View, Text, TouchableOpacity } from "react-native";
2 | import React from "react";
3 | import AntDesign from "react-native-vector-icons/AntDesign";
4 |
5 | export default function CashboxstatusBar() {
6 | return (
7 |
16 |
28 |
29 | রিপোর্ট
30 |
31 |
32 |
45 |
46 | ক্যাশবক্স মিলাই
47 |
48 |
56 |
57 |
58 |
59 |
60 | );
61 | }
62 |
--------------------------------------------------------------------------------
/src/Components/Cashbox/CashboxItem.jsx:
--------------------------------------------------------------------------------
1 | import { View, Text, Image, TouchableOpacity } from "react-native";
2 | import React from "react";
3 | import MaterialIcons from "react-native-vector-icons/MaterialIcons";
4 | import { IncomeIn, IncomeOut } from "../../assets/wallet";
5 |
6 | export default function CashboxItem({ data }) {
7 | return (
8 |
14 |
26 |
34 |
41 | {data.credit ? : }
42 |
43 | {data.title}
44 |
45 |
54 |
57 | {data.amount === 0 ? "০.০০" : data.amount}
58 |
59 |
60 |
61 |
62 |
63 | );
64 | }
65 |
--------------------------------------------------------------------------------
/src/Components/Talybook/SearchBar.jsx:
--------------------------------------------------------------------------------
1 | import {
2 | View,
3 | Text,
4 | TextInput,
5 | TouchableOpacity,
6 | } from "react-native";
7 | import React from "react";
8 | import EvilIcons from "react-native-vector-icons/EvilIcons";
9 | import FontAwesome from "react-native-vector-icons/FontAwesome";
10 | import AntDesign from "react-native-vector-icons/AntDesign";
11 | // import { TouchableHighlight } from "react-native-web";
12 |
13 | export default function SearchBar() {
14 | return (
15 |
24 |
37 |
38 |
47 |
48 |
49 |
58 |
59 |
60 |
63 |
64 |
65 |
66 |
67 | );
68 | }
69 |
--------------------------------------------------------------------------------
/src/assets/carbon.svg:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/src/assets/wallet/logo.js:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import Svg, { Path } from "react-native-svg";
3 |
4 | export default function Logo(props) {
5 | return (
6 |
68 | );
69 | }
70 |
--------------------------------------------------------------------------------
/src/Components/Talybook/CustomerHead.jsx:
--------------------------------------------------------------------------------
1 | import { View, Text, TouchableOpacity } from "react-native";
2 | import React from "react";
3 | import Feather from "react-native-vector-icons/Feather";
4 |
5 | export default function CustomerHead() {
6 | return (
7 |
17 |
18 | কাস্টমার ১
19 | সাপ্লায়ার ০
20 |
21 |
22 |
29 |
36 |
37 |
38 |
39 |
49 |
50 |
51 | তাগাদা পাঠাই
52 |
53 |
54 |
55 |
62 |
63 | পাবো
64 |
65 | /
66 |
67 | দেবো
68 |
69 |
70 |
71 |
72 | );
73 | }
74 |
--------------------------------------------------------------------------------
/src/navigator/TabNavigator.js:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
3 | import { DrawerActions } from "@react-navigation/native";
4 | import AntDesign from "react-native-vector-icons/AntDesign";
5 | import routes from "../constants/routes";
6 |
7 | //?Components
8 | import { Talybook, Wallet, CashBox } from "../screens";
9 | const { CashBox_Tab, Drawer, Wallet_Tab, TalyBook_TAB } = routes;
10 | import { HeaderTitle, HeaderLogo } from "../Components/header";
11 | import StackNavigator from "./StackNavigator";
12 |
13 | export default function TabNavigator({ navigation }) {
14 | const Tab = createBottomTabNavigator();
15 | return (
16 | ({
18 | tabBarIcon: ({ focused, color, size }) => {
19 | let iconName;
20 | if (route.name === TalyBook_TAB) {
21 | iconName = focused ? "book" : "book";
22 | return ;
23 | } else if (route.name === CashBox_Tab) {
24 | iconName = focused ? "inbox" : "inbox";
25 | return ;
26 | } else if (route.name === Wallet_Tab) {
27 | iconName = focused ? "wallet" : "wallet";
28 | return ;
29 | } else if (route.name === Drawer) {
30 | iconName = focused ? "menuunfold" : "menufold";
31 | return (
32 | navigation.dispatch(DrawerActions.openDrawer())}
34 | name={iconName}
35 | size={size}
36 | color={color}
37 | />
38 | );
39 | }
40 | },
41 | headerTitle: (props) => ,
42 | headerRight: (props) => ,
43 | tabBarHideOnKeyboard: true,
44 | tabBarInactiveTintColor: "#fff",
45 | tabBarActiveTintColor: "#fff",
46 | tabBarActiveBackgroundColor: "#9E1D22",
47 | tabBarInactiveBackgroundColor: "#B8222B",
48 | tabBarStyle: { height: 65 },
49 | tabBarLabelStyle: { marginBottom: 15 },
50 | })}
51 | >
52 |
53 |
54 |
55 |
60 |
61 | );
62 | }
63 |
--------------------------------------------------------------------------------
/src/assets/wallet/sendmoney.js:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import Svg, { Path, Mask, Circle } from "react-native-svg";
3 |
4 | export default function Sendmoney(props) {
5 | return (
6 |
44 | );
45 | }
46 |
--------------------------------------------------------------------------------
/src/assets/wallet/cashout.js:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import Svg, { Circle, Path } from "react-native-svg";
3 |
4 | export default function CashOut(props) {
5 | return (
6 |
44 | );
45 | }
46 |
--------------------------------------------------------------------------------
/src/Components/Cashbox/CashboxSheet.jsx:
--------------------------------------------------------------------------------
1 | import { View, Text, StyleSheet } from "react-native";
2 | import React from "react";
3 |
4 | export default function CashboxSheet() {
5 | return (
6 |
7 |
8 |
9 |
10 |
11 | আজকের বেচা
12 |
20 | ০
21 |
22 |
23 |
24 |
33 | |
34 |
35 |
36 |
43 | বর্তমান ক্যাশ
44 |
52 | ৪০০
53 |
54 |
55 |
56 |
57 |
58 |
59 | আজকে পেলাম
60 | ০
61 |
62 |
63 | |
64 |
65 |
66 | আজকে দিলাম
67 | ০
68 |
69 |
70 |
71 |
72 | );
73 | }
74 |
75 | const styles = StyleSheet.create({
76 | container: {
77 | backgroundColor: "#fff",
78 | marginTop: 1,
79 | padding: 15,
80 | },
81 | card: {
82 | flexDirection: "column",
83 | justifyContent: "center",
84 | backgroundColor: "#FCE5A2",
85 | borderRadius: 10,
86 | width: "100%",
87 | },
88 | cardItem1: {
89 | flexDirection: "row",
90 | alignItems: "center",
91 | justifyContent: "center",
92 | borderBottomRightRadius: 10,
93 | borderBottomLeftRadius: 10,
94 | backgroundColor: "#FCF6D6",
95 | },
96 | header: {
97 | padding: 10,
98 | width: "50%",
99 | flexDirection: "row",
100 | justifyContent: "center",
101 | },
102 | cardItem2: {
103 | flexDirection: "row",
104 | width: "100%",
105 | },
106 | body: {
107 | width: "50%",
108 | flexDirection: "row",
109 | justifyContent: "center",
110 | },
111 | });
112 |
--------------------------------------------------------------------------------
/src/assets/wallet/flaxiload.js:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import Svg, { Path } from "react-native-svg";
3 |
4 | export default function Flaxiload(props) {
5 | return (
6 |
78 | );
79 | }
80 |
--------------------------------------------------------------------------------
/src/Components/Talybook/IncomeSheet.jsx:
--------------------------------------------------------------------------------
1 | import { View, Text, StyleSheet } from "react-native";
2 | import React from "react";
3 |
4 | export default function IncomeSheet() {
5 | return (
6 |
7 |
8 |
9 |
10 | আজকের বেচা
11 | ০
12 |
13 |
14 | |
15 |
16 |
17 | বর্তমান ক্যাশ
18 | ৪০০
19 |
20 |
21 |
22 |
23 |
24 |
25 | মোট পাবো
26 |
35 | ১,১০০
36 |
37 |
38 |
39 | {/*
48 | |
49 | */}
50 |
51 |
58 | মোট দেবো
59 |
68 | ০
69 |
70 |
71 |
72 |
73 |
74 |
75 | );
76 | }
77 |
78 | const styles = StyleSheet.create({
79 | container: {
80 | backgroundColor: "#fff",
81 | marginTop: 1,
82 | padding: 15,
83 | },
84 | card: {
85 | flexDirection: "column",
86 | justifyContent: "center",
87 | backgroundColor: "#FEF2F2",
88 | borderRadius: 10,
89 | width: "100%",
90 | },
91 | cardItem1: {
92 | flexDirection: "row",
93 | alignItems: "center",
94 | justifyContent: "center",
95 | borderTopRightRadius: 10,
96 | borderTopLeftRadius: 10,
97 | backgroundColor: "#F8DEDF",
98 | },
99 | header: {
100 | padding: 10,
101 | width: "50%",
102 | flexDirection: "row",
103 | justifyContent: "center",
104 | },
105 | cardItem2: {
106 | flexDirection: "row",
107 | width: "100%",
108 | },
109 | body: {
110 | width: "50%",
111 | flexDirection: "row",
112 | justifyContent: "center",
113 | },
114 | });
115 |
--------------------------------------------------------------------------------
/src/assets/wallet/colectionIcon.js:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import Svg, { Circle, Path } from "react-native-svg";
3 |
4 | export default function ColectionIcon(props) {
5 | return (
6 |
48 | );
49 | }
50 |
--------------------------------------------------------------------------------
/src/screens/home/Wallet.jsx:
--------------------------------------------------------------------------------
1 | import { View, Text, Image, TouchableOpacity } from "react-native";
2 | import React from "react";
3 | import {
4 | Addmoney,
5 | CashOut,
6 | ColectionIcon,
7 | Sendmoney,
8 | Flaxiload,
9 | Suplier,
10 | LogoTaly,
11 | } from "../../assets/wallet";
12 |
13 | export default function Wallet() {
14 | return (
15 |
22 |
33 |
34 |
35 |
36 |
37 |
38 | একাউন্ট ব্যালেন্স
39 |
40 |
41 |
42 |
50 |
58 |
59 |
60 | কালেকশন
61 |
62 |
63 |
71 |
72 |
73 | মোবাইল রিচাজ
74 |
75 |
76 |
84 |
85 |
86 | সাপ্নায়ার পেমেন্ট
87 |
88 |
89 |
90 |
91 |
99 |
107 |
108 |
109 | মানি আউট
110 |
111 |
112 |
121 |
122 |
123 | অ্যাড মানি{" "}
124 |
125 |
126 |
135 |
136 |
137 | সেন্ড মানি
138 |
139 |
140 |
141 |
142 | );
143 | }
144 |
--------------------------------------------------------------------------------
/src/navigator/CustomDrawer.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { DrawerContentScrollView, DrawerItem } from "@react-navigation/drawer";
3 | import Icons from "react-native-vector-icons/MaterialCommunityIcons";
4 | import AntDesign from "react-native-vector-icons/AntDesign";
5 | import FontAwesome from "react-native-vector-icons/FontAwesome";
6 | import Entypo from "react-native-vector-icons/Entypo";
7 |
8 | import { Text, View } from "react-native";
9 | import routes from "../constants/routes";
10 | import { useNavigation } from "@react-navigation/native";
11 | import { LogoTaly } from "../assets/wallet";
12 |
13 | export default function CustomDrawer(props) {
14 | const navigation = useNavigation();
15 | return (
16 |
17 |
25 |
32 |
33 | MP
34 |
35 |
36 |
37 | Masud Pervez
38 | +8801783307711
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
54 | {routes.Reports_Title}
55 |
56 | }
62 | onPress={() => navigation.navigate(routes.SellBuy_Reports)}
63 | style={{
64 | paddingVertical: 0,
65 | marginBottom: 0,
66 | }}
67 | />
68 | }
74 | onPress={() => navigation.navigate(routes.Expence_Reports)}
75 | style={{
76 | paddingVertical: 0,
77 | marginBottom: 0,
78 | }}
79 | />
80 | }
86 | onPress={() => navigation.navigate(routes.Due_Reports)}
87 | style={{
88 | paddingVertical: 0,
89 | marginBottom: 0,
90 | }}
91 | />
92 | }
98 | onPress={() => navigation.navigate(routes.Cash_Reports)}
99 | style={{
100 | paddingVertical: 0,
101 | marginBottom: 0,
102 | }}
103 | />
104 | }
110 | onPress={() => navigation.navigate(routes.InchargeHead_Reports)}
111 | style={{
112 | paddingVertical: 0,
113 | marginBottom: 0,
114 | }}
115 | />
116 |
117 |
118 |
119 |
127 | {routes.Others}
128 |
129 | }
135 | style={{
136 | paddingVertical: 0,
137 | marginBottom: 0,
138 | }}
139 | onPress={() => navigation.navigate(routes.BackupData)}
140 | />
141 | }
147 | onPress={() => navigation.navigate(routes.Sending_Reports)}
148 | style={{
149 | paddingVertical: 0,
150 | marginBottom: 0,
151 | }}
152 | />
153 | }
159 | onPress={() => navigation.navigate(routes.Buy_Message)}
160 | style={{
161 | paddingVertical: 0,
162 | marginBottom: 0,
163 | }}
164 | />
165 | }
171 | onPress={() => navigation.navigate(routes.Settings_Label)}
172 | style={{
173 | paddingVertical: 0,
174 | marginBottom: 0,
175 | }}
176 | />
177 | }
183 | onPress={() => navigation.navigate(routes.Refearal)}
184 | style={{
185 | paddingVertical: 0,
186 | marginBottom: 0,
187 | }}
188 | />
189 | }
195 | style={{
196 | paddingVertical: 0,
197 | marginBottom: 0,
198 | }}
199 | />
200 |
201 |
202 |
211 |
212 |
213 |
214 | {routes.Verson}
215 |
216 |
217 | );
218 | }
219 |
--------------------------------------------------------------------------------
/src/assets/wallet/logoTaly.js:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import Svg, { Circle, Path } from "react-native-svg";
3 |
4 | export default function LogoTaly(props) {
5 | return (
6 |
42 | );
43 | }
44 |
--------------------------------------------------------------------------------
/src/assets/wallet/addmoney.js:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import Svg, { Circle, Path } from "react-native-svg";
3 |
4 | export default function Addmoney(props) {
5 | return (
6 |
33 | );
34 | }
35 |
--------------------------------------------------------------------------------