# Two-Tier Architecture

A **two-tier architecture** is a software architecture in which a presentation layer or interface runs on a client, and a data layer or data structure gets stored on a server. Separating these two components into different locations represents a two-tier architecture, as opposed to a single-tier architecture.

![Two Tier architecture](https://raw.githubusercontent.com/app-generator/static/master/docs/two-tier-architecture.jpg)

###

### Sample Apps

* [Material Kit](https://appseed.us/apps/react/express/material-kit-creative-tim) coded in **React** and **Express**, where React implements the presentation layer, and the application login is coded in Express, the popular Node.js Framework.
* [Argon Design](https://appseed.us/apps/vuejs/laravel/argon-design-system-creative-tim) coded in **Vue.js** and **Laravel**.
* [BulmaPlay](https://appseed.us/apps/flask-apps/bulmaplay-flask-and-bulma-css) - presentation layer coded in jQuery and the server-side implemented in Flask

### Resources

* Wikipedia [Multitier Architecture](https://en.wikipedia.org/wiki/Multitier_architecture) - blog article&#x20;
* Techopedia [One-Tier Architecture](https://www.techopedia.com/definition/17374/one-tier-architecture) - blog article&#x20;
