Fix project name

Ahmed Elshaabany · Ahmed Elshaabany · commit ef59d8f148b3 · 2020-07-07T16:04:40.000+02:00
diff --git a/README.md b/README.md
@@ -1,59 +1,65 @@
-
 # react-native typescript TDD template
 This template is a react-native boilerplate project template to start with for new projects.
 
+
 ## Features
-* [✅] **Typescript ready:** This template based on the typescript template [here](https://github.com/react-native-community/react-native-template-typescript
-)
-* [✅] **React Navigation ready:** Includes [react navigation](https://reactnavigation.org/) with basic working functionality out-of-the-box to work with.
-* [✅] **TDD ready:** Includes setup for [Jest](https://jestjs.io/), [Enzyme](https://enzymejs.github.io/enzyme/), [Detox](https://github.com/wix/Detox) for component and e2e testing.
-* [✅] **Lint ready:** ESlint.
+
+*  [✅]  **Typescript ready:** This template based on the typescript template [here](https://github.com/react-native-community/react-native-template-typescript)
+
+*  [✅]  **React Navigation ready:** Includes [react navigation](https://reactnavigation.org/) with basic working functionality out-of-the-box to work with.
+
+*  [✅]  **TDD ready:** Includes setup for [Jest](https://jestjs.io/), [Enzyme](https://enzymejs.github.io/enzyme/), [Detox](https://github.com/wix/Detox) for component and e2e testing.
+
+*  [✅]  **Lint ready:** ESlint.
+
 
 ## Installation
 In the desired folder where you want to create the project, open command line and type:
 
->`npx react-native init {PROJECT_NAME} --template react-native-template-typescript-tdd`
 
+>`npx react-native init {PROJECT_NAME} --template react-native-template-typescript-tdd`
 
 or if you want to install it from Github directly, type:
+
 >`react-native init {PROJECT_NAME} --template https://github.com/zaprogrammer/react-native-template-typescript-tdd.git`
 
 
 ## How to use
 This template uses functional components and [React Hooks](https://reactjs.org/docs/hooks-intro.html), but feel free to use class components, or use your preferred state-management library.
 
+
 ### Structure
 The template structure is as follows:
 
+
 #### src
-The `src` folder is where all our development files/folders reside.
 
-- ##### App.tsx
-  App entry point and starting screen, where your App function is defined.
+The `src` folder is where all our development files/folders reside.
 
-- ##### Navigation.tsx
-  Contains basic navigation stack for main -> details screens.
+-  **App.tsx** 
+App entry point and starting screen, where your App function is defined.
 
-- ##### screens
-  Folder to contains app screens (pages). I structured it to contain each screen in its separate folder, like **main, detail** folders where the screen.tsx and screenStyle.ts files exist.
+-  **Navigation.tsx**
+Contains basic navigation stack for main -> details screens.
 
-- ##### model
-  Contains data objects so to map data retrieved from server or DB to those objects.
+-  **screens**
+Folder to contains app screens (pages). I structured it to contain each screen in its separate folder, like **main, detail** folders where the screen.tsx and screenStyle.ts files exist.
 
-- ##### services
-  Contains API or server calling related classes, and includes an API.ts file as an abstract class to retrieve data from server.
+-  **model**
+Contains data objects so to map data retrieved from server or DB to those objects.
 
-- ##### helper
-  Other helper classes or functions like abstract DB layer.
+-  **services**
+Contains API or server calling related classes, and includes an API.ts file as an abstract class to retrieve data from server.
 
-- ##### commons
-  To contain any shared components or app generic functionality like app common styles.
+-  **helper**
+Other helper classes or functions like abstract DB layer.
 
+-  **commons**
+To contain any shared components or app generic functionality like app common styles.
 
 #### TDD
-There are a very good tutorials ([here](https://learntdd.in/react-native/)) covering how to use TDD with react-native so you can apply on this template.
 
+There are very good tutorials ([here](https://learntdd.in/react-native/)) covering how to use TDD with react-native so you can apply on this template.
 
 
-Official documentation for creating custom project templates can be found [here](https://github.com/react-native-community/cli/blob/master/docs/init.md#creating-custom-template
-).
+Official documentation for creating custom project templates can be found [here](https://github.com/react-native-community/cli/blob/master/docs/init.md#creating-custom-template).
diff --git a/package.json b/package.json
@@ -1,8 +1,22 @@
 {
-  "name": "@zaprogrammer/react-native-template-typescript-tdd",
-  "version": "1.0.3",
+  "name": "react-native-template-typescript-tdd",
+  "version": "1.0.102",
   "description": "A react native template, with support for TDD and typescript out of the box.",
+  "files": [
+    "template",
+    "template.config.js"
+  ],
   "repository": "git+https://github.com/zaprogrammer/react-native-template-typescript-tdd.git",
+  "keywords": [
+    "react-native",
+    "typescript",
+    "template",
+    "boilerplate",
+    "navigation",
+    "TDD",
+    "jest",
+    "detox"
+  ],
   "author": "Ahmed Elshaabany",
   "license": "MIT"
 }
diff --git a/template.config.js b/template.config.js
@@ -1,6 +1,6 @@
 module.exports = {
     // Placeholder name that will be replaced in package.json, index.json, android/, ios/ for a project name.
-    placeholderName: 'HelloTDD',
+    placeholderName: 'HelloWorld',
   
     // Placeholder title that will be replaced in values.xml and Info.plist with title provided by the user.
     // We default this value to 'Hello App Display Name', which is default placeholder in react-native template.
@@ -11,4 +11,4 @@ module.exports = {
   
     // Path to script, which will be executed after initialization process, but before installing all the dependencies specified in the template. This script runs as a shell script but you can change that (e.g. to Node) by using a shebang (see example custom template).
     // postInitScript: './script.js',
-  };
+  }
diff --git a/template/README.md b/template/README.md
@@ -1,59 +1,65 @@
-
 # react-native typescript TDD template
 This template is a react-native boilerplate project template to start with for new projects.
 
+
 ## Features
-* [✅] **Typescript ready:** This template based on the typescript template [here](https://github.com/react-native-community/react-native-template-typescript
-)
-* [✅] **React Navigation ready:** Includes [react navigation](https://reactnavigation.org/) with basic working functionality out-of-the-box to work with.
-* [✅] **TDD ready:** Includes setup for [Jest](https://jestjs.io/), [Enzyme](https://enzymejs.github.io/enzyme/), [Detox](https://github.com/wix/Detox) for component and e2e testing.
-* [✅] **Lint ready:** ESlint.
+
+*  [✅]  **Typescript ready:** This template based on the typescript template [here](https://github.com/react-native-community/react-native-template-typescript)
+
+*  [✅]  **React Navigation ready:** Includes [react navigation](https://reactnavigation.org/) with basic working functionality out-of-the-box to work with.
+
+*  [✅]  **TDD ready:** Includes setup for [Jest](https://jestjs.io/), [Enzyme](https://enzymejs.github.io/enzyme/), [Detox](https://github.com/wix/Detox) for component and e2e testing.
+
+*  [✅]  **Lint ready:** ESlint.
+
 
 ## Installation
 In the desired folder where you want to create the project, open command line and type:
 
->`npx react-native init {PROJECT_NAME} --template react-native-template-typescript-tdd`
 
+>`npx react-native init {PROJECT_NAME} --template react-native-template-typescript-tdd`
 
 or if you want to install it from Github directly, type:
+
 >`react-native init {PROJECT_NAME} --template https://github.com/zaprogrammer/react-native-template-typescript-tdd.git`
 
 
 ## How to use
 This template uses functional components and [React Hooks](https://reactjs.org/docs/hooks-intro.html), but feel free to use class components, or use your preferred state-management library.
 
+
 ### Structure
 The template structure is as follows:
 
+
 #### src
-The `src` folder is where all our development files/folders reside.
 
-- ##### App.tsx
-  App entry point and starting screen, where your App function is defined.
+The `src` folder is where all our development files/folders reside.
 
-- ##### Navigation.tsx
-  Contains basic navigation stack for main -> details screens.
+-  **App.tsx** 
+App entry point and starting screen, where your App function is defined.
 
-- ##### screens
-  Folder to contains app screens (pages). I structured it to contain each screen in its separate folder, like **main, detail** folders where the screen.tsx and screenStyle.ts files exist.
+-  **Navigation.tsx**
+Contains basic navigation stack for main -> details screens.
 
-- ##### model
-  Contains data objects so to map data retrieved from server or DB to those objects.
+-  **screens**
+Folder to contains app screens (pages). I structured it to contain each screen in its separate folder, like **main, detail** folders where the screen.tsx and screenStyle.ts files exist.
 
-- ##### services
-  Contains API or server calling related classes, and includes an API.ts file as an abstract class to retrieve data from server.
+-  **model**
+Contains data objects so to map data retrieved from server or DB to those objects.
 
-- ##### helper
-  Other helper classes or functions like abstract DB layer.
+-  **services**
+Contains API or server calling related classes, and includes an API.ts file as an abstract class to retrieve data from server.
 
-- ##### commons
-  To contain any shared components or app generic functionality like app common styles.
+-  **helper**
+Other helper classes or functions like abstract DB layer.
 
+-  **commons**
+To contain any shared components or app generic functionality like app common styles.
 
 #### TDD
-There are a very good tutorials ([here](https://learntdd.in/react-native/)) covering how to use TDD with react-native so you can apply on this template.
 
+There are very good tutorials ([here](https://learntdd.in/react-native/)) covering how to use TDD with react-native so you can apply on this template.
 
 
-Official documentation for creating custom project templates can be found [here](https://github.com/react-native-community/cli/blob/master/docs/init.md#creating-custom-template
-).
+Official documentation for creating custom project templates can be found [here](https://github.com/react-native-community/cli/blob/master/docs/init.md#creating-custom-template).
diff --git a/template/app.json b/template/app.json
@@ -1,4 +1,4 @@
 {
-  "name": "HelloTDD",
-  "displayName": "HelloTDD"
+  "name": "HelloWorld",
+  "displayName": "HelloWorld"
 }
diff --git a/template/src/screens/home/HomeController.tsx b/template/src/screens/home/HomeController.tsx
@@ -1,6 +1,5 @@
 import React, {useEffect} from "react";
 import {SafeAreaView, Text} from "react-native";
-import {homeStyles} from "screens/home/styles";
 import {appStyles} from "commons/styles";
 import {detailStyles} from "screens/detail/styles";
 
@@ -10,7 +9,7 @@ const HomeScreenController = ({navigation}: any) => {
     }, [])
 
     return (
-        <SafeAreaView style={homeStyles.safeArea}>
+        <SafeAreaView style={appStyles.safeArea}>
             <Text style={[detailStyles.cardText, detailStyles.title]}>Hello Main screen</Text>
         </SafeAreaView>
     )

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`	`1`	`{`
`2`		`- "name": "HelloTDD",`
`3`		`- "displayName": "HelloTDD"`
	`2`	`+ "name": "HelloWorld",`
	`3`	`+ "displayName": "HelloWorld"`
`4`	`4`	`}`