app-expo-cli 1.0.2 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +99 -8
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,24 +1,115 @@
|
|
|
1
1
|
# 🚀 app-expo-cli
|
|
2
2
|
|
|
3
|
-
**App Expo CLI** হলো একটি শক্তিশালী কমান্ড-লাইন টুল যা আপনার এক্সপো (Expo) প্রজেক্টের জন্য একটি স্ট্যান্ডার্ড এবং প্রফেশনাল ফোল্ডার স্ট্রাকচার (Architecture) অটোমেটিক সেটআপ করে
|
|
3
|
+
**App Expo CLI** হলো একটি শক্তিশালী কমান্ড-লাইন টুল যা আপনার এক্সপো (Expo) প্রজেক্টের জন্য একটি স্ট্যান্ডার্ড এবং প্রফেশনাল ফোল্ডার স্ট্রাকচার (Architecture) অটোমেটিক সেটআপ করে দেয়। এটি ব্যবহার করলে আপনাকে বারবার একই ফোল্ডার বা Redux সেটআপ ম্যানুয়ালি করতে হবে না।
|
|
4
4
|
|
|
5
5
|
---
|
|
6
6
|
|
|
7
7
|
## ✨ Features
|
|
8
8
|
|
|
9
|
-
- **Standard Architecture:** প্রজেক্ট তৈরি
|
|
10
|
-
- **Interactive Setup:** Clack প্রম্পট ব্যবহার করে ইউজারকে জিজ্ঞেস করে সে **Tabs** বা **Drawer** নেভিগেশন
|
|
9
|
+
- **Standard Architecture:** প্রজেক্ট তৈরি হওয়ার পর অটোমেটিক `src/` ফোল্ডারের ভেতরে `hooks`, `redux`, `utils`, `components` ইত্যাদি সাজিয়ে দেয়।
|
|
10
|
+
- **Interactive Setup:** Clack প্রম্পট ব্যবহার করে ইউজারকে জিজ্ঞেস করে সে **Tabs** বা **Drawer** নেভিগেশন চায় কি না।
|
|
11
11
|
- **External Lib Integration:** সরাসরি গিটহাব থেকে লেটেস্ট `lib` ফোল্ডার ক্লোন করার সুবিধা।
|
|
12
|
-
- **Redux Ready:** `@reduxjs/toolkit` এবং `react-redux` অটোমেটিক ইন্সটল এবং কনফিগার করে
|
|
13
|
-
- **Pre-built Screens:** `auth`, `settings`, `modals`, এবং `common` স্ক্রিনগুলোর টেমপ্লেট অটোমেটিক সেটআপ
|
|
14
|
-
- **Tailwind Ready:** `tailwind.config.js` ফাইলটি অটোমেটিক রুট ডিরেক্টরিতে কপি করে
|
|
12
|
+
- **Redux Ready:** `@reduxjs/toolkit` এবং `react-redux` অটোমেটিক ইন্সটল এবং কনফিগার করে দেয়।
|
|
13
|
+
- **Pre-built Screens:** `auth`, `settings`, `modals`, এবং `common` স্ক্রিনগুলোর টেমপ্লেট অটোমেটিক সেটআপ হয়ে যায়।
|
|
14
|
+
- **Tailwind Ready:** `tailwind.config.js` ফাইলটি অটোমেটিক রুট ডিরেক্টরিতে কপি করে দেয়।
|
|
15
15
|
|
|
16
16
|
---
|
|
17
17
|
|
|
18
|
-
## 📦 Installation
|
|
18
|
+
## 📦 Installation & Usage
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
সবচেয়ে ভালো অভিজ্ঞতার জন্য প্রথমে গ্লোবালি ইন্সটল করে নিন এবং তারপর কমান্ডটি রান করুন:
|
|
21
|
+
|
|
22
|
+
### ১. গ্লোবাল ইন্সটলেশন
|
|
21
23
|
|
|
22
24
|
```bash
|
|
25
|
+
npm install -g app-expo-cli
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
### ২. নতুন প্রজেক্ট তৈরি করা
|
|
29
|
+
|
|
30
|
+
app-expo-cli my-awesome-app
|
|
31
|
+
বিকল্প উপায় (npx দিয়ে)
|
|
32
|
+
|
|
33
|
+
```
|
|
23
34
|
npx app-expo-cli my-awesome-app
|
|
24
35
|
```
|
|
36
|
+
|
|
37
|
+
---
|
|
38
|
+
|
|
39
|
+
### 📁 Project Structure (Architecture)
|
|
40
|
+
|
|
41
|
+
এই CLI ব্যবহার করলে আপনার প্রজেক্টের স্ট্রাকচার হবে একদম ক্লিন এবং প্রফেশনাল। নিচে একটি ডেমো স্ট্রাকচার দেওয়া হলো:
|
|
42
|
+
|
|
43
|
+
```
|
|
44
|
+
my-awesome-app/
|
|
45
|
+
├── src/
|
|
46
|
+
│ ├── app/ # Expo Router (All Screens)
|
|
47
|
+
│ │ ├── (tabs)/ # Bottom Tabs Layout (Optional)
|
|
48
|
+
│ │ ├── (drawer)/ # Drawer Navigation (Optional)
|
|
49
|
+
│ │ ├── auth/ # Login, Register, Forgot Password
|
|
50
|
+
│ │ ├── settings/ # About Us, Privacy Policy, Terms
|
|
51
|
+
│ │ ├── modals/ # Reusable Confirmation & Success Modals
|
|
52
|
+
│ │ ├── common/ # Image & URL handling components
|
|
53
|
+
│ │ ├── \_layout.tsx # Root Layout with State Providers
|
|
54
|
+
│ │ └── index.tsx # Entry point Screen
|
|
55
|
+
│ ├── components/ # Reusable UI Components
|
|
56
|
+
│ ├── hooks/ # Custom Hooks (Location, Picker, etc.)
|
|
57
|
+
│ ├── redux/ # Store, API Slices, and Interfaces
|
|
58
|
+
│ │ ├── api-config/ # RTK Query Base API
|
|
59
|
+
│ │ ├── api-slices/ # Auth & Other Feature Slices
|
|
60
|
+
│ │ ├── interface/ # TypeScript Types & Interfaces
|
|
61
|
+
│ │ └── store.ts # Main Redux Store
|
|
62
|
+
│ ├── utils/ # Helper & Utility Functions
|
|
63
|
+
│ └── lib/ # Synced Library from GitHub (Optional)
|
|
64
|
+
├── tailwind.config.js # Pre-configured Tailwind Config
|
|
65
|
+
├── package.json # Auto-installed Dependencies
|
|
66
|
+
└── ... (other expo files)
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
### 📚 Dependencies Auto-Installed
|
|
70
|
+
|
|
71
|
+
আপনার প্রজেক্টের সাথে এই প্রয়োজনীয় প্যাকেজগুলো অটোমেটিক কনফিগার হয়ে যাবে:
|
|
72
|
+
|
|
73
|
+
State Management: @reduxjs/toolkit & react-redux
|
|
74
|
+
|
|
75
|
+
Networking: axios
|
|
76
|
+
|
|
77
|
+
Storage: @react-native-async-storage/async-storage
|
|
78
|
+
|
|
79
|
+
Graphics: react-native-svg
|
|
80
|
+
|
|
81
|
+
### 🤝 Contributing
|
|
82
|
+
|
|
83
|
+
আপনি যদি এই টেমপ্লেটে কোনো পরিবর্তন বা নতুন ফিচার যোগ করতে চান, তবে অবশ্যই একটি Pull Request ওপেন করবেন।
|
|
84
|
+
|
|
85
|
+
## 👤 Author
|
|
86
|
+
|
|
87
|
+
Arif Biswas
|
|
88
|
+
|
|
89
|
+
GitHub: https://github.com/arifbiswas
|
|
90
|
+
|
|
91
|
+
<!-- Website: https://arifbiswas.com -->
|
|
92
|
+
|
|
93
|
+
NPM: https://www.npmjs.com/package/app-expo-cli
|
|
94
|
+
|
|
95
|
+
### 🌐 Social Links
|
|
96
|
+
|
|
97
|
+
<!-- আপনি চাইলে এখানে আরও সোশ্যাল লিংক যোগ করতে পারেন:
|
|
98
|
+
|
|
99
|
+
LinkedIn
|
|
100
|
+
|
|
101
|
+
Twitter / X
|
|
102
|
+
|
|
103
|
+
Portfolio
|
|
104
|
+
|
|
105
|
+
Dev.to
|
|
106
|
+
|
|
107
|
+
Medium
|
|
108
|
+
|
|
109
|
+
উদাহরণ:
|
|
110
|
+
|
|
111
|
+
LinkedIn: https://linkedin.com/in/arifbiswas
|
|
112
|
+
|
|
113
|
+
Twitter (X): https://x.com/arifbiswas -->
|
|
114
|
+
|
|
115
|
+
© 2026 Arif Biswas. All rights reserved.
|