@dankupfer/create-dn-starter

> ⚠️ Experimental package: This is a development package not recommended for production use. APIs are subject to breaking changes without notice.

A CLI tool for creating modular React Native applications with Expo. This tool generates customizable projects with a modular architecture using pre-configured templates for rapid prototyping.

Features

- 🏗️ Template-Based Architecture: Choose from basic, auth, or full-featured templates
- 📦 Pre-built Modules: Core and feature modules ready to use
- 🛠️ Interactive CLI: Easy project setup with template selection
- 📱 Rapid Prototyping: Get started quickly with pre-configured setups
- 🔧 Expo Integration: Built on Expo's reliable foundation

Getting Started / Installation

``bash


Create a new project

npx @dankupfer/create-dn-starter my-app

Navigate to the project directory

cd my-app

Start the development server

npm start
`

Usage

$3

`bash
@dankupfer/create-dn-starter my-app
`

The CLI will prompt you to select which template you want to use for your project.

$3

`bash
@dankupfer/create-dn-starter my-app --yes
`

Available Templates

$3

- Description: Simple app with basic navigation and components
- Best for: Minimal setup, custom development from scratch
- Modules: None (clean slate)

$3

- Description: Includes authentication and user management (!!not implemented - only placeholders!!)
- Best for: Apps requiring user authentication (!!not implemented - only placeholders!!)
- Modules: Splash Screen, Main Navigator, Account Overview

$3

- Description: Complete starter with theming, auth (placeholder only), and all modules
- Best for: Complex apps, rapid prototyping
- Modules: Splash, Authentication, Combined Auth, Summary, Everyday Banking, Cards, Applications

Generated Project Structure

`
my-app/
├── src/
│ ├── config/
│ │ ├── modules.ts # Module definitions
│ └── modules/
│ ├── core/ # Essential modules
│ └── feature/ # Optional feature modules
├── assets/ # Static assets
├── App.tsx # Main app component
├── app.json # Expo configuration
├── package.json # Dependencies
└── tsconfig.json # TypeScript config
`

Module System

The project uses a template-based module system defined in src/config/modules.ts. Each template includes a pre-selected set of modules that work together seamlessly.

$3

#### Core Modules
- Splash: App startup and loading screens
- Authentication: User login and authorization
- Combined Auth: Complete authentication flow
- Main Navigator: React Navigation integration

#### Feature Modules
- Account Overview: Dashboard components
- Summary: Account summary and overview
- Everyday Banking: Daily banking operations
- Cards: Credit and debit card management
- Applications: Apply for banking products
- Statements: Transaction history and timelines
- Payments: Payment processing forms

$3

Want to add your own modules? Here's how:

#### 1. Create Module Structure

`bash


For core modules

mkdir -p src/modules/core/your-module

For feature modules

mkdir -p src/modules/feature/your-module
`

#### 2. Create Module Files

Create your module component:

`typescript
// src/modules/feature/your-module/index.tsx
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';

const YourModule = () => {
return (

Your Custom Module
{/ Add your module content here /}

);
};

const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
title: {
fontSize: 18,
fontWeight: 'bold',
},
});

export default YourModule;
`

#### 3. Add Module to Configuration

Add your module to src/config/modules.ts:

`typescript
{
id: 'your-module',
name: 'Your Module',
description: 'Description of what this module does',
category: 'feature', // or 'core'
enabled: true,
dependencies: [], // List any required modules
priority: 10, // Loading priority (lower numbers load first)
importFn: () => import('../modules/feature/your-module'),
}
`

#### 4. Import and Use Your Module

Import and use your module in your App component:

`typescript
// App.tsx (or your specific App.