UNPKG

devminds

Version:

Your go-to React Native CLI template packed with **amazing tools** for building robust apps quickly!

115 lines (78 loc) โ€ข 2.83 kB
# ๐ŸŽ‰ React Native Starter Template ๐Ÿš€ Your go-to React Native CLI template packed with **amazing tools** for building robust apps quickly! ๐ŸŽจ This template includes: - ๐ŸŒ€ **React Navigation** for powerful navigation - ๐Ÿ’… **Tailwind CSS** via [NativeWind](https://www.nativewind.dev/v4/overview/) for responsive styling - โšก **Reanimated** for smooth animations - ๐ŸŽจ **React Native Vector Icons** for beautiful icons - ๐Ÿš€ A solid foundation with pre-configured libraries to jumpstart your next project --- ## ๐Ÿ”ฅ Features - **React Navigation**: Seamlessly handle navigation like a pro. - **NativeWind (Tailwind CSS)**: Write utility-first styles with ease. - **Reanimated**: Create buttery-smooth animations effortlessly. - **Vector Icons**: Access a variety of icons to enhance your UI. - **Fully Configured Setup**: No hassle, just start coding! - **Scalable Structure**: Organized folder layout to grow with your app. --- ## ๐Ÿš€ Get Started ### 1๏ธโƒฃ Initialize a New Project: ```bash npx @react-native-community/cli init MyAwesomeApp --template devminds ``` ### 2๏ธโƒฃ Navigate to Your App Directory: ```bash cd MyAwesomeApp ``` ### Change Schema in IOS to your project: ```bash npx rename devminds ``` then clean the IOS project ### 3๏ธโƒฃ Start the App: For iOS: ```bash npx react-native run-ios ``` For Android: ```bash npx react-native run-android ``` --- ## ๐Ÿ“ฆ What's Inside? - **React Navigation** for file-based navigation - **NativeWind** for styling with Tailwind CSS classes - **Reanimated** for advanced gesture-based animations - Pre-installed utilities like **Axios** and **React Query** (optional) - Clean and modular folder structure: ``` โ”œโ”€โ”€ src/ โ”‚ โ”œโ”€โ”€ navigation/ # App navigation setup โ”‚ โ”œโ”€โ”€ screens/ # App screens โ”‚ โ”œโ”€โ”€ components/ # Reusable components โ”‚ โ”œโ”€โ”€ hooks/ # Custom hooks โ”‚ โ””โ”€โ”€ utils/ # Helper functions โ””โ”€โ”€ ... ``` --- ## ๐Ÿ›  Prerequisites Make sure you have the following installed: - [Node.js](https://nodejs.org) - [React Native CLI](https://reactnative.dev/docs/environment-setup) --- ## ๐Ÿค Contributing Contributions are always welcome! Whether it's improving the code, adding features, or fixing bugsโ€”feel free to open a pull request. --- ## โค๏ธ Support If this template makes your life easier, consider giving it a โญ on GitHub or supporting my work on [GitHub Sponsors](https://github.com/sponsors/Abdullah0Dev)! --- ### Ready to build something awesome? Let's go! ๐Ÿ› ๏ธโœจ <!-- ! TIPS: # generate icon -> IOS/ANDROID https://icon.kitchen/ -> generate icon/splash screen -> https://apetools.webprofusion.com/#/tools/imagegorilla -> change the app name run the script: node scripts/post-init.js -->