final

Author: structlooper

src/App.js

@@ -1,14 +1,7 @@
 import './App.css';
 import React from "react";
-import BootApp from "./views/index";
+import Application from "./views/index";
 import Config from './config'
-import _ from "lodash";
-function App() {
-  return (
-      <>
-        {(Config.env === 'DEV' || Config.env === 'PROD') && <BootApp />}
-        {_.isUndefined(Config.env) && <h1>ENV IS NOT SETUP, CONTACT ADMIN</h1>}
-      </>
-  );
-}
+import * as Atom from './components/atom';
+const App = () => (Config.env === 'DEV' || Config.env === 'PROD') ? <Application /> : <Atom.ContactAdmin />
 export default App;

src/components/atom/index.js

@@ -0,0 +1,8 @@
+/*
+* Atom it's smallest component of the application
+* The first letter of name of function should be in capital letter
+* @Author STRUCTLOOPER
+* */
+import React from "react";
+
+export const ContactAdmin=()=> <h1>ENV IS NOT SETUP, CONTACT ADMIN</h1>;

src/components/molecules/index.js

@@ -0,0 +1,5 @@
+/*
+* Molecules are made up of two or more atoms
+* The first letter of name of function should be in capital letter
+* @Author STRUCTLOOPER
+* */

src/components/orginasms/index.js

@@ -0,0 +1,5 @@
+/*
+* Organisms are used by views & made by the combination of atom & molecules
+* The first letter of name of function should be in capital letter
+* @Author STRUCTLOOPER
+* */

src/config/localenv.json.exmaple

@@ -1,3 +1,7 @@
+/*
+* Local env setup json example file
+* @Author STRUCTLOOPER
+* */
 {
   "appName" : "port-structlooper",
   "env" : "DEV",

src/services/Http/httpRequests.js

@@ -0,0 +1,5 @@
+/*
+* All server requests
+* GET, POST, & ETCs
+* @Author STRUCTLOOPER
+* */

src/theme/colors.js

@@ -1,3 +1,7 @@
+/*
+* Primary color json which have some basic colors
+* @Author STRUCTLOOPER
+* */
 const primaryColors = {
     bckRed :'#F5D6D6',
     yellow :'#f3da75',

src/uitls/primaryFunctions.js

@@ -0,0 +1,5 @@
+/*
+* A set of all util functions
+* The first letter of name of function should be in capital letter
+* @Author STRUCTLOOPER
+* */

src/views/index.js

@@ -1,11 +1,16 @@
+/*
+* Views are screens to show on user interface
+* all init functions are initiated here
+* @Author STRUCTLOOPER
+* */
 import React from 'react';
 
-const BootApp = () => {
+const Application = () => {
     return (
         <div>
             <h1>Boot app</h1>
         </div>
     );
 };
 
-export default BootApp;
+export default Application;