What is Tech Stack

Tech stack could be divided through 3 parts. Frontend for user interface, Backend for Business Logic, Databases, and Servers and lastly API for connecting frontend and backend.

Common Tech Stack

  • MEAN - MongoDB, Express, Angular, and Node.JS
  • MERN - MongoDB, Express, React, and Node.JS
  • MEVN - MongoDB, Express, Vue, and Node.JS
  • Stackshare.io > for more tech stack

Frontend

  1. Web Vanilla Javascript → Improvement (Typescript)
  2. UI Framework ReactJS (Most popular) React Native for extending Mobile APP
  3. State Management Redux
  4. Styling Vanilla CSS → Improvement (Tailwind)
  5. CSS Pre processor SASS - For preprocessing to help for syntax in CSS
  6. Module Bundler Webpack - to bundle JavaScript into a file

Backend

  1. Database NoSQL - MongoDB Relational Database - MySQL → to compliment in scaling the db (Redis) Graph Database - Neo4j
  2. Serverside Run Time Python → Django, Flask, FastAPI Ruby on Rails PHP → Laravel Java → Spring JavaScript → Node.js
  3. Webserver Apache, or NGINX
  4. Standardize the Environment and Bundling Docker and Kubernetes
  5. Cloud Providers AWS → improvement (Terraform)
  6. CI/CD Github

API

  1. Connection GraphQL → Apollo FastAPI
  2. Misc Payment → Stripe Auth → Auth02

Simplified

  1. HTML - Base
  2. Petite Vue - Frontend Framework
  3. Bootstrap - CSS
  4. Firebase - Backend (Auth, Firestore, Cloud)
  5. CI/CD - Manual Deployment