Tech TutorBangla Web Documentation
Portfolio
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Expo Documentation40টি অধ্যায়
প্রযুক্তি নির্বাচন
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Expo Intro
  • Expo vs React Native
  • RN Basics
  • Environment Setup
  • Project Setup
  • Project Structure
  • App Config
  • Expo Router Intro
  • Stack Navigation
  • Tabs Navigation
  • Core Components
  • Styling & Flexbox
  • Safe Area
  • Scroll & Lists
  • Forms & State
  • AsyncStorage
  • Project: Task Actions
  • Project: Screens
  • Images & Assets
  • Icons & Fonts
  • Theming
  • Camera & Picker
  • Notifications
  • Location & Maps
  • SQLite
  • API & Fetch
  • Loading & Errors
  • Secure Store & Auth
  • Auth Session
  • AppState & Network
  • Performance
  • Debugging & Tests
  • Config & Env
  • Splash & Updates
  • EAS Build
  • EAS Update
  • Store Submission
  • Common Mistakes
  • Best Practices
  • Interview Questions
  1. Docs
  2. Expo
  3. TaskTrack-এর Folder Structure — কোথায় কী থাকবে
ExpoBeginner

TaskTrack-এর Folder Structure — কোথায় কী থাকবে

Expo Router-ভিত্তিক project-এর ফোল্ডার কাঠামো — প্রতিটি directory-র কাজ।

4টি অংশবাংলা ভাষায়
folder treetext
text
tasktrack/
├─ app/
│  ├─ (tabs)/
│  │  ├─ index.tsx        # Today screen
│  │  ├─ all.tsx          # All tasks
│  │  └─ _layout.tsx
│  ├─ _layout.tsx         # root Stack
│  └─ task/[id].tsx       # detail screen
├─ components/
│  ├─ TaskItem.tsx
│  └─ TaskForm.tsx
├─ constants/
│  └─ theme.ts
├─ lib/
│  └─ storage.ts          # AsyncStorage wrapper
├─ assets/
│  ├─ icons/
│  └─ splash-icon.png
└─ app.json
  • app/ — Router files; প্রতিটি file/folder একটি route
  • components/ — reusable shared UI
  • constants/ — theme, config মান
  • lib/ — storage, api helpers
  • assets/ — static files (icon, fonts)
  • app.json — app configuration

এই কাঠামোতে প্রতিটি screen আলাদা file, আর router ওই file-system থেকেই route তৈরি করে নেয়।

মনে রাখুন

Route-এর folder/file সরাসরি URL-এর segment। folder structure সাজালে navigation স্বয়ংক্রিয়ভাবে ঠিক থাকে।

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।
আগেরপ্রথম Project — create-expo-app ও Expo Goপরেরapp.json — ইকোন, splash, bundle id ও version
Tech Tutor

বাংলায় ওয়েব ডেভেলপমেন্ট ডকুমেন্টেশন শিখুন — ধাপে ধাপে।

Homeসব ডকুমেন্টেশনQuick Startআমার নোটস

© 2026 Tech Tutor. বাংলায় শিখুন, বাংলায় গড়ুন।

mdanamolhasan1998@gmail.com