🚀 Features

• ⚛️ Expo SDK — fast and reliable mobile development
• 🔷 TypeScript — strong typing support
• 🛠 Redux Toolkit — global state management
• 🌬 NativeWind — Tailwind CSS styling for React Native
• 🌐 Expo Router — file-based navigation

🧱 Tech Stack

| Name | Description | |--------------------|-----------------------------------------| | Expo | Framework for universal React apps | | Redux Toolkit | Simplified Redux state logic | | NativeWind | Tailwind CSS for React Native | | TypeScript | Typed JavaScript | | Expo Router | Navigation via file system |

📦 Getting Started

1. Create a New Project

npx create-expo-app my-app --template expo-router-redux-nativewind

2. Install Dependencies

cd my-app
npm install

🧰 Project Structure

my-app/
├── app/                  # Routes (Expo Router)
├── src/
│   ├── store/            # Redux slices and store
│   └── hooks.ts          # Typed Redux hooks
├── global.css            # Tailwind CSS styles
├── tailwind.config.js    # Tailwind configuration
├── App.tsx               # App entry point

🎨 Tailwind Setup

module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./src/**/*.{js,ts,jsx,tsx}"
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};

global.css

@tailwind base;
@tailwind components;
@tailwind utilities;

📄 License

This project is licensed under the MIT License.

🤝 Contributing

Pull requests, issues, and suggestions are welcome!

⭐️ Show Your Support

If you found this template helpful, consider giving it a ⭐️ on GitHub.

Happy coding! 💙