Update ARCHITECTURE.md, ARCHITECTURE.png

ARCHITECTURE.md

@@ -0,0 +1,37 @@
+# Architecture
+
+> Architecture is layout of something. <br>
+> `Server Architecture` is layout of Server, for... <br>
+> - good for Maintenance
+> - good to develope
+>
+> References(origin) [> Click](https://www.techopedia.com/definition/30262/server-architecture#:~:text=Server%20architecture%20is%20the%20foundational,the%20services%20that%20it%20provides.)
+
+<img src="./ARCHITECTURE.png" style="width: 700px;">
+
+<hr>
+
+## Explain folder structure
+
+`Base-Express` is really small Basic Application.
+
+This app contain only 2 folders for...
+
+- `src/` - run server
+- `test/` - test server
+
+<hr>
+
+## Explain src files
+
+- `index.js`
+    - Instant Annonymouse Function to hide _Instance and Values_.
+    - Seperate responsiblity
+        - From `index.js`...
+            - Call environment value to `env.js`.
+            - Run application  to `server.js`.
+- `env.js`
+    - Call environment values from `.env` files.
+- `server.js`
+    - Run application, using environment values.
+

README.md

@@ -2,6 +2,13 @@
 
 This is `First Step` of [Basic Course](https://github.com/Boiler-Express/.github/blob/main/profile/BASIC-COURSE.md) to dev Express App.
 
+This Template only contain **Basic Application**.
+
+If you want to more information of Architecture, visit [Architecture.md](https://github.com/Boiler-Express/Base-Express/blob/main/ARCHITECTURE.md)
+
+<img src="./ARCHITECTURE.png" style="width: 500px;">
+
+
 <hr>
 
 ## Get Started, lastest version