1.0.0 • Published 8 months ago

create-expo-fa v1.0.0

Weekly downloads
-
License
MIT
Repository
-
Last release
8 months ago

Create Expo Template

A CLI tool to create a pre-configured Expo project with TypeScript, NativeWind, custom fonts, and authentication setup.

Features

  • šŸš€ Expo Router pre-configured
  • šŸ’… NativeWind (TailwindCSS) setup
  • šŸ”¤ Custom Vazirmatn fonts
  • šŸ” Authentication flow structure
  • šŸ“± Safe area handling
  • šŸŽØ Theme support
  • šŸ“ Organized project structure

Quick Start

npx create-expo-fa my-app cd my-app npm install npx expo start

Project Structure

my-app/ ā”œā”€ā”€ app/ │ ā”œā”€ā”€ (auth)/ │ │ ā”œā”€ā”€ layout.tsx │ │ ā”œā”€ā”€ login.tsx │ │ └── signup.tsx │ ā”œā”€ā”€ layout.tsx │ ā”œā”€ā”€ index.tsx │ └── +not-found.tsx ā”œā”€ā”€ assets/ │ ā”œā”€ā”€ fonts/ │ └── images/ ā”œā”€ā”€ components/ ā”œā”€ā”€ hooks/ └── constants/

Included Dependencies

  • expo-router: File-based routing
  • nativewind: Tailwind CSS for React Native
  • expo-font: Custom font handling
  • react-native-reanimated: Animations
  • react-native-safe-area-context: Safe area handling
  • And more...

Configuration Files

The template includes pre-configured:

  • tailwind.config.js
  • babel.config.js
  • tsconfig.json
  • app.json

Custom Fonts

The template comes with Vazirmatn font family:

  • VazirmatnBlack
  • VazirmatnBold
  • VazirmatnExtraBold
  • VazirmatnMedium
  • VazirmatnRegular

Development

  1. Start the development server: bash npx expo start
  2. Choose your platform:
  • Press a for Android
  • Press i for iOS
  • Press w for web

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Support

If you find this template helpful, please give it a ā­ļø on GitHub!

Author

shahin heidary


Made with ā¤ļø for the Expo community

1.0.0

8 months ago